1，用css樣式設定的權重 > 在標籤屬性中設定的（優先順序）
注意：在table裡面設定border是給所有的行列都會加邊框，但是在css樣式中寫border就只會顯示最外層的邊框，若要全部的行列都加邊框，就得在寫css樣式時，在表格的td下寫。
CSS基本結構：選擇器{ 樣式屬性：屬性值；}
2，CSS適用方式（4種）：
“內嵌樣式”：寫在style標籤對裡面。
“行內樣式”：直接寫在標籤行上面。
“外鏈樣式”：單獨寫一個css檔案，通過link標籤引入。
（link比較常用—效能高/速度快/使用者體驗比較好，可以引入多個）
“匯入式”：單獨寫一個css檔案，通過@import匯入。（該方法是在

3，Link與@import一些區別 ：
①　除了載入CSS檔案以外，它還能載入其它型別檔案，如“icon”，而“@import”只能載入CSS檔案
給網頁加上圖示：
②　在現代的瀏覽器中是多執行緒載入的，也就是說在通過該標籤載入一個檔案的時候標籤內的DOM也在執行同步的載入。載入效率高於@import
③　作為一個標籤，也就是一個DOM元素，是可以通過JavaScript進行操作的（如增加、刪除標籤，修改的屬性值等）。而“@import”寫在

4，CSS選擇器優先順序判斷：
當樣式衝突時，將根據【權重+就近原則】來判斷以誰的樣式為準。
基本型別選擇器權重：
行內樣式：1000
Id選擇器： 100
Class選擇器：10 【屬性選擇器】
標籤選擇器：1
*任意符選擇器：0 （大於預設樣式與繼承驗樣式）
組合選擇器權重：
群組選擇器： 單獨計算
後代，子代，兄弟等選擇器：權重相加
就近原則：當權重值相同時，誰和要設定的html標籤隔得近，誰的權重就高

5，CSS選擇器常用型別：
Css基礎選擇器：標籤（名）選擇器/類選擇器（class）/ID選擇器。
後代選擇器：用‘空格’分割,後代選擇器可以選擇巢狀在標籤內部任意層級的標籤元素。
子選擇器：用‘ > ’分割,子選擇器只能選擇當前標籤往內一層的元素。
偽類選擇器：
偽類選擇器和其它選擇器有所不同，它是通過觸發一定的“事件”來實現效果，也就是說如果不進行任何操作是看不到該選擇器的CSS樣式設定的。
通用偽類選擇器如下（如果要同時生效，順序不能變）：
:hover 滑鼠懸浮於該元素上設定的樣式
:active 滑鼠點選到該元素上，設定的樣式

作用於a標籤上的偽類選擇器如下：
a:link {color: #FF0000} /* 未訪問的連結 /
a:visited {color: #00FF00} /

提示：在 CSS 定義中，a:hover 必須被置於 a:link 和 a:visited 之後，才是有效的。
提示：在 CSS 定義中，a:active 必須被置於 a:hover 之後，才是有效的。
提示：偽類名稱對大小寫不敏感。
群組選擇器：用‘逗號’分割。
群組選擇器的使用範疇是，多個選擇器使用同一個樣式或者同一組樣式。這在做CSS樣式初始化，CSS框架設計以及後期CSS程式碼優化時會經常使用
同級元素選擇器（兄弟選擇器）：
選定當前標籤同級的其它指定標籤。
同級元素有兩種，即“+”和“~”，
“+”只能選擇該標籤下一個指定標籤（中間不能有其他標籤間隔）。
“~”能選擇該標籤後的所有同級標籤。
屬性選擇器：
該選擇器所針對的既不是某個標籤，也不是類名，或者ID，它是將一個標籤的屬性作為選擇器來使用，最常用的地方就是涉及到屬性多而雜的表單元素。基本寫法是“[” + “屬性名” + “]”的格式，該選擇器的定義方式如下：
[屬性名]{…樣式設定內容…}
將標籤中的一個屬性作為選擇選擇器
[屬性名=“屬性值”]{…樣式設定內容…}
將標籤中的一個屬性名值對作為選擇器
[type^=“datetime”]{…樣式設定內容…}
將標籤中的一個屬性名名為“type”，屬性值以“datetime”開頭的屬性名值對作為一個選擇器
[title$=“picture”]{…樣式設定內容…}
將標籤中的一個屬性名名為“title”，屬性值以“picture”結束的屬性名值對作為一個選擇器
[title*=“is”]{…樣式設定內容…}
將標籤中的一個屬性名名為“title”，屬性值含有“is”的屬性名值對作為一個選擇器
[title~=“a”]{…樣式設定內容…}
將標籤中的一個屬性名名為“title”，屬性值含有空格分隔的詞為“a”的屬性名值對作為一個選擇器
[title|=“this”]{…樣式設定內容…}
將標籤中的一個屬性名名為“title”，屬性值等於“this”或以“this”開頭的屬性名值對作為一個選擇器。以連字元(-)連線的如lang =“this-us”，也算以this開頭