内容属性的4种用途

　　


<强>

& lt; div> 　　,,,& lt; p>伪元素& lt;/p> 　　& lt;/div> p:{之前 　　,,,内容:“CSS3”; 　　,,,颜色:# 4 bb; 　　,,,粗细:大胆的; 　　,,,margin-right: 20 px; 　　,,,背景:# f0f0f0; 　　,,,/*如果要设置宽高的话,就必须变成块级元素*/,,,浮动:左; 　　,,,显示:块; 　　,,,宽度:50 px; 　　 　　}


<强>用途二,插入图像url()

p:{之前 　　,,,内容:url (p_w_picpaths/dot.jpg); 　　,,,margin-right: 5 px; 　　}

澳谌菔粜缘?种用途"

<强>用途三,配合:清后除浮动

.clearfix:{后 　　,,,内容:”; 　　,,,显示:块; 　　,,,身高:0; 　　,,,明确:两种; 　　,,,溢出:隐藏; 　　,,,可见性:隐藏; 　　}/*为兼容IE6, IE7,因为IE6, IE7不能后用伪类。加上下面代码*/.clearfix{变焦:1}


<强>用途四,配合:之前解决上外边距溢出

在没有对全局css作样式重置的情况下,会出现这么一个问题

& lt; div  id=癲1”祝辞& lt;/div> 　　& lt; div  id=癲2”祝辞& lt;/div> # d1, d2 #{宽度:100 px;,身高:100 px;} 　　# d1{背景:红色;} 　　# d2{背景:绿色;}

此时,两个div元素各自占据一行,紧密排列

澳谌菔粜缘?种用途"


如果在第二个div里面再加入一个p元素,由于p元素自带有上下外边距各16 px,会产生一个16 px的间距

澳谌菔粜缘?种用途"


在这里就可以使用内容配合:之前来解决

# d2:{之前 　　内容:才能“”; 　　,,显示:表; 　　}

澳谌菔粜缘?种用途"

内容属性的4种用途