css博大精深，很多屬性，往往都是看似熟悉，但是似乎又不能將其特性和用法完整地說出來。
content屬性，的確是很眼熟，也許很多童鞋和我一樣，和它初次見面，是在清除浮動的時候：
.clearfix
:after
複製**
然而，除了字串之外，還能接受什麼樣的值呢？
content 屬性與 :before 及 :after 偽元素配合使用，來插入生成內容。參考：w3school該屬性用於定義元素之前或之後放置的生成內容。預設是行內內容，不過可以用屬性 display 控制。
none、normal、inherit、string、url()、attr()、[no-]open-quote、[no-]close-quote、counter[s]
其中none、normal、inherit這三個和大多數屬性類似，故不做介紹。
string是常見的，上面清除浮動的例子，就是其中之一。
url的用法，和background屬性有點類似，可以接受乙個url。不一樣的是，content屬性無法控制的大小。
"logo">google
.logo:before
複製**
attr，顧名思義，就是將content內容設定為對應元素的某一屬性。
'半'>半
'邊'>邊
'效'>效
'果'>果
span
span:before
複製**
[no-]open-quote、[no-]close-quote，這四個值，常用於給元素前後加上引號，配合quotes 屬性一起使用。
魯迅曾經說過: 能用css解決的問題就不要使用js。呵呵，誰說的？"no-quote">呵呵，誰說的？
span
span:before
span:after
.no-quote:after
複製**
需要注意的是，只有當偽元素:before設定content的值為open-quote才會有效果。
檢視示例
這是乙個很強大的東西，不妨先來體驗一下其強大的力量，檢視示例
與其搭配使用的，還有counter-reset、counter-increment兩個屬性。
counter-reset
用來標識計數器的作用域，值包括兩部分：第一部分為計數器的名字；第二部分為計數器的起始值，預設為0。此外，counter-reset還可以同時宣告多個計數器
counter-reset: n 0
counter-reset: n 2
counter-reset: n 0 m 0 p 0
複製**
用來表明計數器實際用到的範圍，值包括兩部分：第一部分為計數器的名字；第二部分為計數器的遞增的值，預設為1。如：
counter-increment: n 2
counter-increment: n -1 /*遞減*/
複製**
counter()
counter方法可以接收兩個引數。第乙個是計數器的名字，必填；第二個是計數器的樣式，也就是list-style-type，其支援的關鍵字值，就是list-style-type支援的那些值，比如disc | circle | square之類等等。
content: counter(n)
content: counter(m, circle)
複製**
counters方法主要用於巢狀計數，可以接收三個引數。第乙個是計數器的名字，必填；第二個是字串，用於巢狀計數的分隔符，如1.1中的「.」；第三個引數是計數器的樣式，與counter一樣。其中，前兩個引數為必填
content: counters(n, '-');
複製**
實在不得不感嘆css的博大精深！
以上為個人學習總結，如有錯漏，歡迎指正。
不知道不知道
函式分析 希爾伯特 哥德爾不完備定理 哥德爾不完全性定理一舉粉碎了數學家兩千年來的信念。他告訴我們，真與可證是兩個概念。可證的一定是真的，但真的不一定可證。某種意義上，悖論的陰影將永遠伴隨著我們。無怪乎大數學家外爾發出這樣的感嘆 上帝是存在的，因為數學無疑是相容的 魔鬼也是存在的，因為我們不能證明這...
不知道不知道
函式分析 希爾伯特 哥德爾不完備定理 哥德爾不完全性定理一舉粉碎了數學家兩千年來的信念。他告訴我們，真與可證是兩個概念。可證的一定是真的，但真的不一定可證。某種意義上，悖論的陰影將永遠伴隨著我們。無怪乎大數學家外爾發出這樣的感嘆 上帝是存在的，因為數學無疑是相容的 魔鬼也是存在的，因為我們不能證明這...
你不知道的 和
開發中，編寫有一定逼格的 是每個程式猿都追求的。經常用來判斷的符號 和 也經常用來定義變數哦，你知道嗎？邏輯與 在有乙個運算元不是布林值的情況下，就不一定返回布林值。比如以下情況 1 第乙個運算元是物件，返回第二個數 var myinfo console.log myinfo 2 輸出22 第二個運...