content属性浏览器支持情况，兼容到IE8浏览器，IE7及以下不支持用途一、配合:before及:after伪元素插入文本<div>
<p>伪元素</p>
</div>p:before{
content:‘CSS3‘;
color:#4bb;
font-weight:bold;
margin-right:20px;
background:#f0f0f0;
/*如果要设置..
分类：
其他好文 时间：
2016-11-01 21:58:39
阅读次数：
246
:before是css中的一种伪元素，可用于在某个元素之前插入某些内容。:after是css中的一种伪元素，可用于在某个元素之后插入某些内容。 举例： 1.结合border写个对话框的样式。 2.作为内容的半透明背景层。 ...
分类：
Web程序 时间：
2016-10-31 21:53:46
阅读次数：
186
Firefox中，::-moz-focus-outer和::-moz-focus-inner伪元素主要针对按钮类型的元素，包括button类型, reset类型以及submit类型。 button使用行高让文字垂直居中，但是在firefox里文字会偏下，而且点击的时候中间会有一个虚线框。Firefo ...
分类：
其他好文 时间：
2016-10-26 20:03:35
阅读次数：
257
::before 和 ::after属于伪元素，而 :before 和 :after属于伪类（CSS3 中为了区别伪元素和伪类为伪元素使用了双冒号）因此如果使用了 display 或者 width 等属性时使得显示脱离了原本元素后，建议按照标准双写。过于老的浏览器可能会存在支持问题，不过伪元素大多是 ...
分类：
其他好文 时间：
2016-10-20 14:56:23
阅读次数：
174
通过给伪元素 :after 设置 inline-block 设置宽度 100% ，配合容器的 text-align: justify 就可以轻松实现多列均匀布局了。 ...
分类：
其他好文 时间：
2016-10-20 11:53:22
阅读次数：
119
转自 http://www.cnblogs.com/aaronjs/p/3159042.html 选择器是CSS的核心，从最初的元素、class/id选择器，演进到伪元素、伪类，以及CSS3中提供的更丰富的选择器，定位页面上的任意元素开始变得愈发的简单。 1、元素选择器 这是最基本的CSS选择器，H ...
分类：
Web程序 时间：
2016-10-20 11:52:23
阅读次数：
198
伪类用于向某些选择器添加特殊的效果。 伪元素用于将特殊的效果添加到某些选择器。 伪类有：:first-child ，:link:，vistited，:hover，:active，:focus，:lang 伪元素有：:first-line，:first-letter，:before，:after 使用 ...
分类：
其他好文 时间：
2016-10-19 22:07:43
阅读次数：
194
相同：都用于给某些选择器添加特殊的效果区别：伪类的效果可以通过添加一个实际的类来达到，而伪元素的效果则需要通过添加一个实际的元素才能达到，这也是为什么他们一个称为伪类，一个称为伪元素的原因。下面罗列写常见的伪类与伪元素——伪类种类：伪元素种类：CSS3要求对伪元素使用两个冒号以便与伪类进行区别。但因 ...
分类：
其他好文 时间：
2016-10-17 11:15:49
阅读次数：
121
css选择器 学习要点： 1.选择器总汇 2.基本选择器 3.复合选择器 4.伪元素选择器 本章主要探讨 HTML5中 CSS选择器，通过选择器定位到想要设置样式的元素。目前CSS选择器的版本已经升级至第三代，即 CSS3选择器。CSS3选择器提供了更多、更丰富的选择器方式，主要分为三大类。 一．选 ...
分类：
Web程序 时间：
2016-10-16 07:34:50
阅读次数：
153
1.颜色小tip知识 在背景色上方叠加一个黑色半透明层 rgba(0,0,0,.2) 可以得到一个更暗的颜色 在背景色上方叠加一个白色半透明层 rgba(255,255,255,.2) 可以得到一个更亮的颜色 单个颜色实现 hover 和 active 时的明暗变化效果 文章转载 【CSS进阶】伪元 ...
分类：
其他好文 时间：
2016-10-16 00:50:40
阅读次数：
220
