css2的特性—:after 和:before

css的一些成员被叫做伪元素,它们是:first-line,first-letter,:before和:after元素


(1)first-line:向文本的首行元素添加样式。只能应用于块级元素。

如:p:first-line{

color:#fefefe;

}


(2)first-letter:向文本的首字母设置样式。同样只能应用于块级元素。


(3) :before 伪元素和 :after 伪元素。它们来自CSS2的属性。

 :before 伪元素可以在元素的内容前面插入新内容。

 :after  伪元素可以在元素的内容后面插入新内容。


在最初,伪元素的语法是使用“:”(一个冒号),随着web的发展,在CSS3中修订后的伪元素使用“::”(两个冒号),也就是::before 和 ::after—以区分伪元素和伪类(比如:hover,:active等)


:before将会在内容之前“添加”一个元素,而:after将会在内容后“添加”一个元素。在它们之中添加内容我们可以使用content属性。但是这些元素实际上并不在文档中生成。它们将在外部可见,但是你将不会在文档的源代码中找到它们,因此,实际上它们是“虚假”的元素。默认生成的元素是一个内联元素,于是当我们想要指定它们的高度和宽度时候,我们首先不得不使用display: block把它们声明为块级元素。但若设置了float就无需设置display: block了。


参考:http://www.igooda.cn/jzjl/20131009384.html


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值