百度前端技術(shù)學(xué)院學(xué)習(xí)筆記
由于在第一階段的任務(wù)一中厢绝，也就是編寫頁面結(jié)構(gòu)中較多的使用了HTML5規(guī)范中新增的“語義化標(biāo)簽”，在任務(wù)二對頁面增加樣式時沛婴，明顯感受到了這所帶來的編碼速度的提升吼畏，在此做些總結(jié)整理，加深記憶嘁灯。
事實上泻蚊，我在任務(wù)二中并沒有定義任何類名，并且選擇器只有兩層丑婿，就完成了樣式性雄。可以查看我的源碼
用到的新元素
由于任務(wù)一頁面并不是很復(fù)雜没卸，能用到的新元素大概有以下幾個：
1. header
2. main
3. footer
4. article
5. time
6. figure
7. figcaption
8. aside
9. nav
了解更多的HTML5新標(biāo)簽可以訪問火狐開發(fā)者網(wǎng)絡(luò)
有什么好處
閱讀更方便
這些單詞的含義相信大家都理解，這就是語義秒旋，而不是一大波無意義的 div约计，span，在自己或者別人閱讀的時候就會更加直接迁筛，不會去一大堆屬性里面找class煤蚌，會減少定義大量的類名，減少代碼量细卧，節(jié)約時間铺然，減小思考，相信如何命名有時候也會是一個令人頭痛的問題酒甸。
默認(rèn)的樣式
body的直接子元素h1和article下的h1默認(rèn)字體大小是不同的魄健，
figcaption可以用來描述一個figure(例如一張圖片），這個描述會顯示在圖片上方或下方插勤，且易于增加樣式沽瘦。
一些人在編碼時喜歡重寫默認(rèn)的樣式，字體大小农尖，鏈接顯示效果析恋，邊距等，其中有些操作我是不贊同的盛卡，制定規(guī)范的人和瀏覽器開發(fā)者經(jīng)過思考助隧，辯論確定的默認(rèn)樣式，是有其合理之處的滑沧，不加思考的重寫樣式只會加大工作量并村。如果你不滿意默認(rèn)樣式，可能是因為簡單的div滓技，span不能很好的表達(dá)你的意思哩牍，嘗試HTML5的語義化標(biāo)簽，說不定會改變你的看法令漂。
簡化 CSS
在編寫CSS時膝昆，一個選擇器會使用很多次，這時候叠必，一個很小的簡化都會對效率有很大提升荚孵，如果充分利用這些新標(biāo)簽，甚至可以不用定義類名纬朝，就完成樣式的編寫收叶，是不是很酷呢？
你可能會說玄组，這么多新標(biāo)簽滔驾，怎么記得住，不想記俄讹！
我想說哆致，看一遍，有意識的去使用患膛，很好記的摊阀，這點學(xué)習(xí)成本，帶來的效率提升是絕對值得的踪蹬。
