1、"first-line" 伪元素用于向文本的首行设置特殊样式。只能用于块级元素 1、"first-letter" 伪元素用于向文本的首字母设置特殊样式。只能用于块级元素 3、":before" 伪元素可以在元素的内容前面插入新内容。 4、":after" 伪元素可以在元素的内容之后插入新内容。 ...
分类：
其他好文 时间：
2017-09-26 17:50:21
阅读次数：
168
Display：block和display：table区别是：block元素的宽度和父容器相同，table宽度根据内容而定即具有包裹性。在清楚浮动中使用after伪类时，设置content：‘’；display：table；内容为空，使用display:table，则该伪元素的宽度为0；省去了dis ...
分类：
Web程序 时间：
2017-09-25 22:11:22
阅读次数：
151
一、介绍before/after CSS中的before和after伪类选择器早在CSS2时就被引入，改属性被所有主流浏览器所支持了。before和after顾名思义，分别指的是伪元素在元素前/后添加内容，默认他们是display是inline，但是可以使用CSS设置为block。应用before/ ...
分类：
Web程序 时间：
2017-09-24 23:36:08
阅读次数：
350
E:target 表示当前的URL片段的元素类型，这个元素必须是E E:disabled 表示不可点击的表单控件 E:enabled 表示可点击的表单控件 E:checked 表示已选中的checkbox或radio E::after 生成内容在E元素后 E:not(s) 表示E元素不被匹配 E~F... ...
分类：
Web程序 时间：
2017-09-23 20:17:57
阅读次数：
240
使用伪元素，伪元素在4个方向上都比宿主元素大 不会干扰其他的效果，可以把区域设置为任何大小，任何位置。 ...
分类：
其他好文 时间：
2017-09-18 16:15:43
阅读次数：
166
1.伪类 伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之 ...
分类：
Web程序 时间：
2017-09-17 18:49:20
阅读次数：
254
一、伪类和伪元素 伪类和伪元素都是用来修饰不在文档树中的部分，区别在于， 伪类用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的(如:hover/:active)。 而伪元素则用于创建一些不在文档树中的元素，并为其添加样式(如:before/:after)。 二、 ...
分类：
Web程序 时间：
2017-09-11 19:35:09
阅读次数：
180
可以有两种方法： 1.添加overflow:hidden; 2.添加伪元素 <style> .wrap{ border:1px solid blue; width:600px; margin:0 auto; padding:20px 0; } .main{ float:left; backgroun ...
分类：
其他好文 时间：
2017-09-09 12:57:41
阅读次数：
169
就像伪类为锚指定幻想类一样，伪元素能够在文档中插入假想的元素，从而得到某种效果。设置首字母样式、设置第一行样式、设置之前和之后的元素的样式。 第一个伪元素用于设置一个块级元素首字母的样式，而且仅对该首字母设置样式：p:first-letter{color:red;} 如果让每个H2中第一个字母的大小 ...
分类：
其他好文 时间：
2017-09-04 13:12:15
阅读次数：
155
之前写了一篇 《详解 CSS 属性 - :before && :after》 的博文，当时自己没分清楚伪元素和伪类，所以在文章内把概念混淆了，庆幸 @riophae 兄指正了我的错误，所以今天打算好好研究下两者的区别。首先，阅读 w3c 对两者的定义： CSS 伪类用于向某些选择器添加特殊的效果。 ...
分类：
其他好文 时间：
2017-08-26 19:40:18
阅读次数：
162
