計數(shù)器的常用屬性和使用步驟分三個
1.counter-reset: first 0;
字面意思就是重置計數(shù)器颂碧，其實就理解為設(shè)置一個計數(shù)器荠列。有兩個參數(shù)，用空格隔開
參數(shù)1：給計數(shù)器取名载城。就是這個first肌似。你也可以自己取名字，一般都用first诉瓦，second......這樣存在多個計數(shù)器的時候自己不會迷糊川队。
參數(shù)2：從哪個數(shù)開始計數(shù)，可正可負(fù)睬澡，默認(rèn)0開始呼寸，如果是0，計數(shù)就從1開始
著重強調(diào)：
計數(shù)器要設(shè)置給計數(shù)單位的上級元素
2.counter-increment: first 1;
設(shè)置計數(shù)器的值猴贰。兩個參數(shù)
參數(shù)1：名字对雪，不說了，有多個的時候別寫錯了就行
參數(shù)2：這個數(shù)字代表計數(shù)器每次增加多少米绕，起始值是0瑟捣，這里是2的話，那計數(shù)出來就是
1.3.5.7.栅干。迈套。。碱鳞。桑李。這樣的
這個屬性在需要使用計數(shù)的同級元素上用的，一會會有例子，不太會說贵白。
3.content: counter(first)'.'counter(second)'率拒、'
用計數(shù)器計數(shù)的值，配合：before或：after 設(shè)置前綴或后綴內(nèi)容禁荒，簡單說就是咱們計數(shù)肯定是要展示出來的猬膨。content就是內(nèi)容的意思好理解。一般計數(shù)都用在類似文章標(biāo)題1.1 1.2 2.1 2.2 2.3蔗糖的情況呛伴，都在一段文字的開頭（結(jié)尾）勃痴。多以配合：before或：after偽類使用
小例子
body:
<h1>個人簡歷</h1>
? ? <h2>基本信息</h2>
? ? <div>
? ? ? ? <h2>專業(yè)技能</h2>
? ? ? ? <div>
? ? ? ? ? ? <h3>精通HTML5</h3>
? ? ? ? ? ? <h4>HTML基本結(jié)構(gòu)</h4>
? ? ? ? ? ? <h4>文本標(biāo)簽</h4>
? ? ? ? ? ? <h4>其它高級標(biāo)簽</h4>
? ? ? ? </div>
? ? ? ? <h3>精通CSS3</h3>
? ? ? ? <h3>精通JavaScript</h3>
? ? ? ? <h3>H5專家、高手热康、??人</h3>
? ? </div>
? ? <div>
? ? ? ? <h2>求職意向</h2>
? ? ? ? <p>HTML高級開發(fā)工程師 全職</p>
? ? ? ? <p>薪資面議</p>
? ? ? ? <p>現(xiàn)已離職沛申，可一周內(nèi)到崗</p>
? ? </div>
? ? <h2>項目經(jīng)驗</h2>
? ? <h2>教育經(jīng)歷</h2>
css:
<style>
? ? ? ? body{
? ? ? ? ? ? /*設(shè)置某個元素選擇器出現(xiàn)的計數(shù)器次數(shù)
? ? ? ? ? ? 參數(shù)1：給計數(shù)器取名
? ? ? ? ? ? 參數(shù)2：從哪個數(shù)開始計數(shù)，可正可負(fù)姐军，默認(rèn)0開始
? ? ? ? ? ? */
? ? ? ? ? ? counter-reset: first 0;
? ? ? ? }
? ? ? ? h2:before{
? ? ? ? ? ? /*第二級標(biāo)題編號*/
? ? ? ? ? ? /*設(shè)置計數(shù)器每出現(xiàn)一次 就自增1铁材，可正可負(fù)*/
? ? ? ? ? ? counter-increment: first 1;
? ? ? ? ? ? /*用計數(shù)器計數(shù)的值 設(shè)置前綴*/
? ? ? ? ? ? content: counter(first) '、';
? ? ? ? }
? ? ? ? /*設(shè)置第三級標(biāo)題編號*/
? ? ? ? div{
? ? ? ? ? ? /*定義第二個計數(shù)器*/
? ? ? ? ? ? counter-reset: second 0;
? ? ? ? }
? ? ? ? h3:before{
? ? ? ? ? ? counter-increment: second 1;
? ? ? ? ? ? content: counter(first)'.'counter(second)'庶弃、';
? ? ? ? }
? ? ? ? h3{
? ? ? ? ? ? margin-left: 40px;
? ? ? ? }
? ? ? ? /*設(shè)置第四級標(biāo)題標(biāo)簽*/
? ? ? ? div>div{
? ? ? ? ? ? /*添加第三個計數(shù)器*/
? ? ? ? ? ? counter-reset: third 0;
? ? ? ? }
? ? ? ? h4:before{
? ? ? ? ? ? counter-increment: third 1;
? ? ? ? ? ? content:counter(first)'.'counter(second)'.'counter(third)'衫贬、';
? ? ? ? }
? ? ? ? h4{
? ? ? ? ? ? margin-left: 80px;
? ? ? ? }
? ? </style>
就這樣吧，挺有意思的歇攻，遇到的問題就是在添加計數(shù)器的時候固惯，最開始沒有把p標(biāo)簽，h標(biāo)簽包裹在div里缴守，然后就不知道他的父級是誰了葬毫，總不能都給body吧，顯然不對屡穗，所以就把每個標(biāo)題編號分級用div分開放就ojbk了贴捡。OK，還是覺得寫的哪里不對村砂，希望大神們多多指教烂斋，明天見。
