伪元素选择器 “ : : ” 比如说 使用before和after双伪元素清除浮动 这是空元素的升级版，好处是不用单独加标签了 after可以在之后加入新内容，before在前面加内容，但是一定要加content属性，尽量 content:"." 里面加一个小点，或者其他，尽量不要为空，否则再fir ...
分类：
其他好文 时间：
2019-09-23 09:58:02
阅读次数：
93
一、常用选择器 1、类 .classname{} 2、id #idName{} 3、标签 p{} 4、通配 *{} 5、并集：逗号分开 .box1,.box2{} 6、交集： .box1.box2{} 二、后代选择器 1、后代：祖先元素 后代元素 .super .sub{} 2、子元素选择器：父元素 ...
分类：
其他好文 时间：
2019-09-15 16:51:55
阅读次数：
95
场景：需要判断一个元素是否是固定定位，但是它的position属性没有设置在该元素的标签style中，如何去判断它的position值为fixed？ 措施：通过 window.getComputedStyle(element, [pseudoElt])（pseudoElt可选，表示指定节点的伪元素（ ...
分类：
其他好文 时间：
2019-09-14 00:13:34
阅读次数：
97
前端04 /css样式 [TOC] 昨日内容回顾 css引入 选择器 基础选择器 组合选择器 属性选择器 伪类选择器 伪元素选择器 继承 优先级(权重) 通用选择器 css样式 1高度宽度 2字体属性 | 值 | 描述 | | : : | : : | | normal | 默认值，标准粗细 | | ...
分类：
Web程序 时间：
2019-09-11 23:48:29
阅读次数：
128
CSS介绍 给HTML设置样式，让它更加美观。 加皮肤 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 CSS语法 CSS实例 每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CSS的几种引入方式 行内样式 行内式是在标记的st ...
分类：
Web程序 时间：
2019-09-10 18:07:17
阅读次数：
140
浅谈css的伪元素::after和::before css中的::after和::before已经被大量地使用在我们日常开发中了，使用他们可以使我们的文档结构更加简洁。但是很多人对::after和::before仍不是特别了解，究竟他们是做什么的？如何使用他们？什么时候应该使用他们？笔者总结了一些对 ...
分类：
Web程序 时间：
2019-09-10 17:54:53
阅读次数：
1051
一. 1.1css 的三种引入方式 2.1 基本选择器 2.2 组合选择器 标签代码 2.3 组合与嵌套选择器 2.4 伪类选择器 伪类选着器的源代码 2.5 伪元素选择器 伪元素选择器的标签代码 2.6 选择器的优先级别 行内style css 样式优先级>id选择器>.cl 类选择器>标签钻择器 ...
分类：
Web程序 时间：
2019-09-04 21:29:12
阅读次数：
132
伪元素添加background-img问题，如果样式大小写在url前面会出现样式加载不上问题 ...
分类：
其他好文 时间：
2019-09-02 11:44:08
阅读次数：
87
一、获取非行内样式的方法和它的兼容问题及解决方式 方 法 一：getComputedStyle(obox,false) 第一个参数表示要获取的对象，第二个值指定一个要匹配的伪元素的字符串。必须对普通元素省略（或null）false也可以。主要针对正常浏览器 方 法 二：Element.current ...
分类：
编程语言 时间：
2019-08-31 17:33:21
阅读次数：
76
伪类： 伪元素使用： 属性选择器： 子元素选择器： 兄弟标签： 否定伪类选择器： css 优先级： 字体文本设置： 盒子模型： 内联元素和块元素的相互转换： 文档流: 浮动: 高度塌陷问题: ...
分类：
Web程序 时间：
2019-08-31 01:01:01
阅读次数：
99
