css選擇器主要包括哪些類型，css選擇器的分類不包括什么？
css的選擇器的分類不包括“超文本標記選擇器”。
css的選擇器包括類選擇器、標簽選擇器、ID選擇器、偽類選擇器等等。
類選擇器，比如class類型 class = "nav"的話，那么css對應.nav{}；
標簽選擇器，比如body input 就是直接對應 body{} input{}；
ID選擇器，比如 id="name"，那么css對應 #name{}；
偽類、偽對象：如a:link,a:hover,a:visited等。
css元素的排列規則主要分為？
1、代表內聯樣式，如: style=””，權值為1000。
2、代表ID選擇器，如：#content，權值為100。
3、代表類，偽類和屬性選擇器，如.content，權值為10。
4、代表類型(元素)選擇器和偽元素選擇器，如div p，權值為1。 按照CSS代碼的執行先后順序。如果有重復的規則，按照后執行的定義。最終規則是多個定義規則的綜合。重點：高級規則定義對于不同表格的文字樣式定義。(不同表格使用不同ID、使用類樣式定義)一頁中的多種超級鏈接樣式定義。多個相同規則不同對象的CSS共同定義。對于同一對象定義的多種CSS方式考慮哪種更科學。
css調試工具？
css說是調試工具其實只是一段 Javascript 代碼，但非常實用，它會給頁面里所有的 DOM 元素添加一個 1px 的描邊（outline），方便我們在調試 CSS 過程中分析、排查問題。
先來看看代碼，它有兩個版本，一個是使用的$$選擇器，代碼量更少（瀏覽器控制臺支持 $$ 選擇器）；另一種就是傳統的document.querySelectorAll選擇器：
dom操作？
文檔對象模型( DOM, Document Object Model )主要用于對HTML和XML文檔的內容進行操作。DOM描繪了一個層次化的節點樹，通過對節點進行操作，實現對文檔內容的添加、刪除、修改、查找等功能。
一、DOM樹
DOM樹有兩種，分別為節點樹和元素樹。
節點樹：把文檔中所有的內容都看成樹上的節點；
元素樹：僅把文檔中的所有標簽看成樹上的節點。
二、DOM常用操作
2.1 查找節點
document.getElementById('id屬性值');
返回擁有指定id的第一個對象的引用
document/element.getElementsByClassName('class屬性值');
返回擁有指定class的對象集合
document/element.getElementsByTagName('標簽名');
返回擁有指定標簽名的對象集合
document.getElementsByName('name屬性值');
返回擁有指定名稱的對象結合
document/element.querySelector('CSS選擇器');
僅返回第一個匹配的元素
document/element.querySelectorAll('CSS選擇器');
返回所有匹配的元素
document.documentElement
獲取頁面中的HTML標簽
document.body
獲取頁面中的BODY標簽
document.all['']
獲取頁面中的所有元素節點的對象集合型
2.2 新建節點
document.createElement('元素名');
創建新的元素節點
document.createAttribute('屬性名');
創建新的屬性節點
document.createTextNode('文本內容');
創建新的文本節點
document.createComment('注釋節點');
創建新的注釋節點
document.createDocumentFragment( );
創建文檔片段節點
2.3 添加新節點
parent.appendChild( element/txt/comment/fragment );
向父節點的最后一個子節點后追加新節點
parent.insertBefore( newChild, existingChild );
向父節點的某個特定子節點之前插入新節點
element.setAttributeNode( attributeName );
給元素增加屬性節點
element.setAttribute( attributeName, attributeValue );
給元素增加指定屬性，并設定屬性值