分享點html5的學習筆記，比較基礎，突然發現通過寫部落格來記筆記有很多優點呢，平常記得筆記比較簡單，複習起來比較吃力，看自己的部落格理解起來還比較輕鬆，而且只有真正理解了才能表達清楚讓別人看懂，還鍛鍊語言表達能力呢，所以有條件就多寫點東西吧
選擇器
1 queryselector(如果是一組元素，只能獲取到一組中的第乙個元素)
document.queryselector("
#div1");
document.queryselector(
".div1");
document.queryselector(
"[title=hello]
");
2 queryselectorall (可以獲取一組元素，不過不能直接給所有元素設定樣式，得用迴圈)
document.queryselectorall(".box");
3 getelementsbyclassname（只針對class，相見恨晚的選擇器）
document.getelementsbyclassname('box')
html5提供了class列表屬性以及操作class的方法
classlist ：得到的是所在節點的所有class 返回類似陣列的物件型別
length : class的長度
add() : 新增class方法
remove() : 刪除class方法
toggle() : 切換class方法 toggle("a") 如果列表中存在a 就執行刪除操作，不存在就執行新增操作
var odiv = document.queryselector("#div1");odiv.classlist.length // 3
odiv.classlist.add("div0")//增加class 其他用法大致相同
<div
class
="div1 div2 div3"
id="div1"
>
div>
html5知識點 CSS3新增選擇器
css3選擇器是在css2.0的基礎上的修改創新。他增加了一些ui元素狀態偽類選擇器 結構偽類選擇器 屬性選擇器等。css3新增的這些選擇器很多強大，他的出現給我們前端帶來了好多便利。一 使我們的網頁 更簡潔 結構更加清晰 結構清晰就會有利於 seo 搜尋引擎 的優化，簡潔說明 會少，少檔案就會小，...
HTML5 選擇器續
十 萬用字元選擇器 1 作用 給當前介面所有標籤設定屬性 2 注意點 當介面標籤太多時會影響效能，一般不用 選擇器小練習 charset utf 8 選擇器練習title 1 標籤選擇器 p 2 id identity1 identity2 3 類選擇器 para 4 後代選擇器 divp 5 子元...
CSS新增選擇器（一）
之前寫css，用的最多的選擇器就是id選擇器和類選擇器了，雖然基本上能滿足寫頁面的各種需求，但有些css寫法還是有些冗雜。今天通過對css新增選擇器的學習，能讓之後的 更加優化。li first child li last child li nth child 4 target目標偽類選擇器 選擇器...