使用選擇器來插入文字
css2中，使用before選擇器在元素前面插入內容，使用after選擇器在元素后面插入內容，在選擇器的content屬性中定義要插入的內容。將content屬性值設定為none，然后在不需要插入內容的元素中將class屬性值設定為這個給定的類名就可以了。另外，在CSS2.1中，除了none屬性值外，還未content屬性添加了一個normal屬性值，其作用與使用方法none屬性值的作用相同，并且使用方法也相同。從css2.1開始，值右當使用before選擇與after選擇器的時候，normal屬性值的作用才與none屬性值的作用相同，都是不讓選擇器在個別元素的前面或后面插入內容，但是none屬性值只能應用在這兩個選擇器中，而normal屬性值還可以應用在其他用來插入內容的選擇器中，而在css2中，只有before選擇器與after選擇器能夠用來在元素的前面或后面插入內容，所以在兩者的作用完全相同，在css3中，已經追加了其他一些可以插入內容的選擇的提案，針對這一類選擇器，就只能用normal屬性值了，而且normal屬性值的作用也會根據(jù)選擇器的不同而發(fā)生變化。
插入圖像文件
h2:before{
content:url(mark.png)
}<h2>你好</h2>
目前firefox、safari、opera瀏覽器都支持這種插入圖像文件的功能，在ie8中只支持插入文字的功能，不支持插入圖像文件的功能。
另外在css3的定義中還可以通過url屬性來插入音頻文件、視頻文件等其他格式的文件，但目前還沒有得到任何瀏覽器的支持。
將alt屬性的值作為圖像的標題來顯示
如果在content屬性中通過”attr(屬性名)”這種形式來指定attr屬性值，可以將某個屬性的屬性值顯示出來，例子：
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉無線電——不安全的藍牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應用分析 2017-07-26
- 集合結合數(shù)據(jù)結構來看看(二) 2017-07-26
學習是年輕人改變自己的最好方式