一定注意 选择器名字的书写，有的时候一个效果显示不出来，有可能就是因为一个属性选择器的名字在用的时候没有写对，比如 frist 写成 first 很难看出来 浏览器解析都解析不出来 ul前面加小三角的方法，想象一下，一个盒子没有宽度，只有border的时候，其实他的样子是这样的 ,而当其border ...
分类：
其他好文 时间：
2017-07-06 22:01:24
阅读次数：
164
1、基本选择器： eg： 2、多元素组合选择器 三、CSS 2.1 属性选择器 eg： 四、CSS 2.1中的伪类 eg 五、 CSS 2.1中的伪元素 eg： 六、CSS 3的同级元素通用选择器 eg： 七、CSS 3 属性选择器 eg： 八、CSS 3中与用户界面有关的伪类 九、CSS 3中的结 ...
分类：
Web程序 时间：
2017-07-04 13:27:16
阅读次数：
262
CSS选择器复习 通用选择器：* 选择到全部的元素 选择子元素：> 选择到元素的直接后代(第一级子元素) 相邻兄弟选择器：+ 选择到紧随目标元素后的第一个元素 普通兄弟选择器：~ 选择到紧随其后的全部兄弟元素 伪元素选择器： ::first-line 匹配文本块的首行 ::first-letter ...
分类：
Web程序 时间：
2017-07-03 13:56:31
阅读次数：
302
Bootstrap框架中的图标都是字体图标，其实现原理就是通过@font-face属性加载了字体 自定义完字体之后，需要对icon设置一个默认样式，在Bootstrap框架中是通过给元素添加“glyphicon”类名来实现，然后通过伪元素“:before”的“content”属性调取对应的icon编 ...
分类：
其他好文 时间：
2017-07-01 22:33:16
阅读次数：
249
伪元素顾名思义伪装成元素，但不是元素，这与生成内容相关。生成内容主要指由浏览器创建的内容，而不是由标志或内容来表示。生成内容主要由:before和:after伪元素来实现，当然伪元素还包括:first-line,:first-letter和::selection用法:first-letter指定一个元素第一个字母的样..
分类：
其他好文 时间：
2017-06-29 17:27:02
阅读次数：
179
功能: 实现图文混排效果 原理: 绝对定位的元素脱离了文档流，而浮动元素依旧在文档流中； 清除浮动：(高度塌陷) 1. 额外标签法，<div style="clear:both;"></div>（缺点：不过这个办法会增加额外的标签使HTML结构看起来不够简洁。） 2. 使用after伪元素(该方法中 ...
分类：
Web程序 时间：
2017-06-27 23:27:51
阅读次数：
302
伪类选择器 动态伪类 UI元素状态伪类 CSS3结构类 否定选择器 伪元素 动态伪类 这些伪类并不存在于HTM中，只有当用户和网站交互的时候才能体现出来 锚点伪类 :link :visited 用户行为伪类 :hover :active :focus（获取鼠标焦点） UI元素状态伪类（CSS3新增） ...
分类：
Web程序 时间：
2017-06-26 14:54:35
阅读次数：
174
[1]Why CSS [2]Why 选择器 [3]Why 层叠 [4]Why Hack [5]Why 伪类和伪元素 [6]Why 盒模型 [7]Why margin重叠 [8]Why auto [9]Why 行高和垂直对齐 [10]Why 浮动 [11]Why BFC [11]Why 定位 [12]... ...
分类：
Web程序 时间：
2017-06-26 10:28:36
阅读次数：
180
伪类和伪元素皆独立于文档结构。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征，而是在处于特殊状态的元素（伪类），或者是元素中特别的内容（伪元素）。区别总结如下： css伪元素 (Pseudo-elements)：用于向某些选择器设置特殊效果，是对元素中的特定内容进行设置和操作， ...
分类：
其他好文 时间：
2017-06-22 19:11:25
阅读次数：
233
:before 伪元素可以在元素的内容前面插入新内容。 例如在一段文字前面加一个直角三角形 css是h1:before{width: 0; height: 0; border-bottom: 100px solid red; border-right: 100px solid transparent ...
分类：
其他好文 时间：
2017-06-21 13:41:04
阅读次数：
153
