ICode9

精准搜索请尝试: 精确搜索
  • 在react中获取dom元素2021-09-22 23:32:25

    1、ref获取dom元素 <div ref={el => this.nodeEle = el}> ====> this.nodeEle即为获取到的元素 2、根据id获取dom元素 document.getElementById(“idName”) 3、通过类名获取dom元素 document.getElementsByClassName(“className”) 获取到的是一个数组集 4、根据标签名获取

  • CSS定位2021-09-22 21:00:45

                 垂直居中也是同理。 ‘​​​​​  可以随着页面大小的缩放一直在居中;  

  • Css面试题2021-09-22 19:02:11

    1、盒模型 标准盒模型:总宽度:内容 ( content ) + border + padding + margin IE盒模型(怪异盒模型):宽度 = 内容宽度 ( content + border + padding ) + margin 2、弹性盒模型 flex-direction:row //(默认)主轴为水平方向,起点在左端。 flex-direction:row-reverse //主轴为水

  • CSS字体2021-09-22 18:34:54

    CSS 字体属性定义文本的字体系列、大小、加粗、风格(如斜体)和变形(如小型大写字母)。 CSS 字体系列 在 CSS 中,有两种不同类型的字体系列名称: 通用字体系列 - 拥有相似外观的字体系统组合(比如 "Serif" 或 "Monospace")特定字体系列 - 具体的字体系列(比如 "Times" 或 "Courier") 除了

  • Bootstrap全局CSS样式(排版样式)2021-09-22 17:34:32

    一、版式排版 标题 页面主体 内联文本元素 对齐 改变大小写 缩略语 地址 引用 列表 描述   二、代码实现 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width,initial-sca

  • webpack (静态模块打包工具) 手记2021-09-22 17:02:40

    新建src 在下面创建 index.js (入口文件) 和 add.js 下载安装webpack (npm run build 或 yarn build), 配置打包命令 build : webpack 默认入口src/index.js-要被打包的文件, 要引入到这里使用 输入yarn build打包命令(实际是项目环境webpack命令) 输出代码到add/add.j

  • npm 下载一个VueLazyload之后,swipwe报错2021-09-22 14:34:14

    问题: 1、npm 下载一个VueLazyload之后, 2、报错 index.js?bed3:161 [WDS] Errors while compiling. Reload prevented. errors @ index.js?bed3:161 index.js?bed3:167 ./node_modules/css-loader??ref--5-1!./node_modules/postcss-loader/lib??ref--5-2!./node_modules/_swiper@5

  • 测试开发之前端篇-CSS层叠式样式表2021-09-22 13:31:37

    CSS是层叠样式表(Cascading Style Sheets)的缩写,用于描述如何在屏幕、纸张或其他媒体上显示HTML元素,包括了定义网页及其元素的布局、风格、大小、位置和颜色等属性。 CSS的语法表示为: 以下是一个简单的例子,设置了网页主体(body)的背景色、标题(h1)的颜色和对齐方式、段落§的字体

  • 博客园美化2021-09-22 10:37:23

    博客园美化 第一弹 选择主题 申请博客和 JS 权限就不用在这里多说了。 就算是美化,从无到有也有些过分离谱,我们先在网上找一个现成的主题,然后自己来改。这里我参考的是这篇博文:https://www.cnblogs.com/miluluyo/p/cute-cnblogs.html,在看它的源码的时候似乎看到这个主题也是从其

  • CSS语法2021-09-22 09:37:02

      /* 目录:   一: 语法   二: code */   一: 语法 /*css 1 html 表达结构 2 css 表达样式 3 样式和内容/结构是分离的 */ /* 添加 1 外部文件 2 头部标记 <style> p{background-color:gray;} </style> 3 属

  • HTML+CSS 布局2021-09-22 09:30:49

    网页布局对改善网站的外观非常重要。 大多数网站会把内容安排到多个列中(就像杂志或报纸那样)。 大多数网站可以使用 <div> 或者 <table> 元素来创建多列。CSS 用于对元素进行定位,或者为页面创建背景以及色彩丰富的外观。 注意:虽然我们可以使用HTML table标签来设计出漂亮的布

  • CSS入门知识盘点2021-09-21 17:03:50

    CSS入门知识盘点 CSSCSS语法规范CSS代码风格 CSS选择器基础选择器标签选择器类选择器类选择器——多类名 id选择器通配符选择器 字体属性字体系列字体大小字体粗细字体样式 复合属性文本属性文本颜色对齐文本装饰文本文本缩进行间距 CSS引入方式行内样式表(内联样式表)内部样

  • CSS常用布局总结2021-09-21 15:02:21

    一、CSS还原UI设计 1.Photoshop还原UI设计 查看尺寸信息 方式一、 点击窗口->信息,选择选框工具,并打开选框工具面板选项,设置鼠标单位为像素,选中一定范围后,即可在打开的信息面板上看到 方式二、选中移动工具,在左上角设置选项为“图层”,点击ctrl即可看到相关像素信息。(选择时

  • CSS盒子模型之盒子水平方向学习笔记2021-09-21 13:06:40

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d

  • 【知识总结】前端高频HTML、CSS、浏览器相关的面试题合集2021-09-21 13:02:12

    HTML 页面导入样式时,使用link和@import有什么区别 从属关系区别:@import只能导入样式表,link还可以定义RSS、rel连接属性、引入网站图标等。加载顺序区别:加载页面时,link标签引入的css被同时加载;@import引入的css将在页面加载完毕后被加载。 浏览器的渲染原理 首先解析收到的文

  • CSS 变量存储 全局变量和局部变量2021-09-21 13:00:35

    Css变量存储有两种应用方式,一种是全局变量和局部变量。 全局变量我们通过:root{} 存储  而局部变量设置在自己内部 比如特定的字体和背景颜色 可以这么理解设置在:rooot{}中的变量是任何变量都可以使用的 但是局部变量中的只能自己使用 语法结构:  :root{             --

  • Chrome Devtools中保持住CSS状态2021-09-21 12:02:24

    如图,在单击这个Cancel按钮的时候,这个Button的CSS class会发生变化,按钮的颜色会变深。这时候我想拷贝出来这些新增加的class,我打开Chrome Devtools,然后在Devtools中选中这个元素,点击鼠标右键想打开Copy的弹出框的时候,这个Cancel按钮的CSS class又变回到了最开始的状态,无法拷贝。

  • js表格增删2021-09-21 10:32:21

    1.首先运用html和css搭建表格 如图下 css 按自己喜好随意  2.运用js实现添加功能 要求:输入框不得为空,学号不能重复,序号自动叠加 创建表格子节点tr,追加到table,创建tr子节点td,追加到tr ,如图下完成添加:  3.js实现删除,创建删除按钮,封装一个删除方法  4.排序(序号自增)

  • 物理像素、CSS像素、dip、dpr、ppi、dpi2021-09-21 10:02:42

    一 物理像素(physical pixel): 物理像素又被称为设备像素(dp),他是显示设备中一个最微小的物理部件。一个设备的物理像素是固定不变的。每个像素可以根据操作系统设置自己的颜色和亮度。所谓的一倍屏、二倍屏(Retina)、三倍屏,指的是设备以多少物理像素来显示一个CSS像素,也就是说,多倍

  • Cookie、CSS和图片优化(减少Cookie大小、使用无域名Cookie、将样式表置顶、避免使用CSS表达式、用<link>代替@import、优化图像、不在HTML中缩放图片)2021-09-21 10:02:12

    目录 Cookie 减少Cookie的大小 页面内容使用无域名Cookie CSS  将样式表置顶 避免CSS表达式 用<link>代替@import 避免使用Filters 图片  优化图像 优化CSS Sprite 不在HTML中缩放图片 使用小且可缓存的favicon.ico Cookie 减少Cookie的大小 Cookie被用来做认证或个性化设置,

  • Chrome调试工具2021-09-21 09:02:12

     1.打开调试工具    打开Chrome浏览器,按下 F12键或者右击页面空白处点击检查 2.使用调试工具 ① ctrl+滚轮可以放大开发者工具大小。 ②左边是HTML元素结构,右边是CSS样式。 ③右边CSS样式可以改动数值(左右箭头或者直接输入)和查看颜色 ④ctrl+0复原浏览器大小。 ⑤如果点击

  • HTML&CSS笔记2021-09-21 02:03:35

    1 、B/S 软件的结构 JavaSE C/S Client Server B/S Browser Server 2、前端的开发流程 3、网页的组成部分 页面由三部分内容组成! 分别是内容(结构)、表现、行为。 内容(结构),是我们在页面中可以看到的数据。我们称之为内容。一般内容 我们使用 HTML 技术来展示。 表现,指的是这些内

  • jQuery使用详细使用篇day12021-09-20 21:01:27

    day01 - jQuery 1.1. jQuery 介绍 1.1.1 JavaScript 库 ​ JavaScript库:即 library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等。 简单理解: 就是一个JS 文

  • CSS__transform应用于图标时候,没有生效2021-09-20 20:02:35

    .spin{ font-size:20px; margin-right:2px; transform:rotate(120deg); } ` 在旋转这个图标时候,应用旋转没有生效 原因及解决 图标在“原始”状态下不旋转的原因是因为它的默认display设置是inline. 不能像这样对内联元素应用转换。 要解决这个问题, 只需应用`

  • css绘制基本图形2021-09-20 17:01:05

    说明 css可以绘制各种图形,基本图形包括三角形、圆形、梯形、椭圆形、矩形等,但还有一些复杂图形是由这些基本图形组合而成 基本形状 三角形 .triangle { width: 0; height: 0; border: 50px solid blue; /* 通过改变边框颜色,可以改变三角形的方向 */ bor

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有