使用選擇器來插入文字
css2中，使用before選擇器在元素前面插入內(nèi)容，使用after選擇器在元素后面插入內(nèi)容，在選擇器的content屬性中定義要插入的內(nèi)容。將content屬性值設定為none，然后在不需要插入內(nèi)容的元素中將class屬性值設定為這個給定的類名就可以了。另外，在CSS2.1中，除了none屬性值外，還未content屬性添加了一個normal屬性值，其作用與使用方法none屬性值的作用相同，并且使用方法也相同。從css2.1開始，值右當使用before選擇與after選擇器的時候，normal屬性值的作用才與none屬性值的作用相同，都是不讓選擇器在個別元素的前面或后面插入內(nèi)容，但是none屬性值只能應用在這兩個選擇器中，而normal屬性值還可以應用在其他用來插入內(nèi)容的選擇器中，而在css2中，只有before選擇器與after選擇器能夠用來在元素的前面或后面插入內(nèi)容，所以在兩者的作用完全相同，在css3中，已經(jīng)追加了其他一些可以插入內(nèi)容的選擇的提案，針對這一類選擇器，就只能用normal屬性值了，而且normal屬性值的作用也會根據(jù)選擇器的不同而發(fā)生變化。
插入圖像文件
h2:before{
content:url(mark.png)
}<h2>你好</h2>
目前firefox、safari、opera瀏覽器都支持這種插入圖像文件的功能，在ie8中只支持插入文字的功能，不支持插入圖像文件的功能。
另外在css3的定義中還可以通過url屬性來插入音頻文件、視頻文件等其他格式的文件，但目前還沒有得到任何瀏覽器的支持。
將alt屬性的值作為圖像的標題來顯示
如果在content屬性中通過”attr(屬性名)”這種形式來指定attr屬性值，可以將某個屬性的屬性值顯示出來，例子：
網(wǎng)友評論
