標籤：style color io for cti html line htm
CSS: Cascading Style Sheet,層疊樣式表
Css由三部分組成：選擇符、樣式屬性、值；
基本文法：選擇符 {樣式屬性：值；樣式屬性：值.....}
一，選取器
常用的選取器有：標籤選取器、class選取器（類別選取器）、id選取器、後代選取器、 組合選取器和並欄選取器等等。
1.多元素的組合選取器：
1、並欄選取器（E,F,G,...）
這類別選取器之間用逗號作分割，能匹配選取器列出的所有標籤元素。
2、後代選取器（E F; E>F）
E F,標籤之間用空格隔開，表示匹配E標籤內所有F標籤，所匹配的F標籤不僅僅是E標籤的兒子，還有可能是E標籤的孫子，或者曾孫、從孫等等。
E>F標籤匹配所有為E標籤兒子的F標籤。
3、兄弟選取器（E+F；E~F）
E~F選擇其中F標籤無需緊緊跟隨E標籤後面第一個，如果需要實現這樣的一個功能可以用E+F選取器。對於IE瀏覽器來說只有IE6以上的版本才支援該選取器。
2.屬性選取器
E[attribute] 匹配所有具有attribute屬性的E元素，不考慮它的值 input[cheacked];
E[attribute=value] 匹配所有attribute屬性等於“value”的E元素; input[type=”text”];
3.偽類別選取器
E:first-child 匹配父元素的第一個子項目E
E:last-child 匹配父元素的最後一個子項目
E:nth-child(n) 匹配其父元素的第n個子項目，n從1開始計算（p:nth-child(odd) {color:#f00;}p:nth-child(even) {color:#f00;}IE不支援）
E:hover 匹配滑鼠移至上方其上的E元素
E:focus 匹配獲得當前焦點的E元素
在 CSS 定義中，a:hover 必須被置於 a:link 和 a:visited 之後，才是有效。a:active 必須被置於 a:hover 之後，才是有效。
二，選取器優先順序
CSS優先順序，即是指CSS樣式在瀏覽器中被解析的優先原則，預設為以下順序：
1 瀏覽器預設設定
2 外部樣式表
3 內部樣式表（位於 <head> 標籤內部）
4 內聯樣式（在 HTML 元素內部）
同時，css會通過比較選取器數位大小來擷取優先順序的高低
標籤：1
類,屬性選取器(比如 li[id=red]):10
ID:100
三，可繼承的屬性
CSS的樣式具備層疊性和繼承性，規則的聲明可以按照如下順序：
5 常用標記
6 常用類
7 布局類
8 導航類
9 表格類
10 表單類
11 組件類
所有元素可繼承：cursor。
內嵌元素可繼承：letter-spacing、line-height、color、font、text- decoration、text-transform。
塊狀元素可繼承：text-indent和text-align。
四，盒子模型
盒子模型有兩種，分別是 IE 盒子模型和標準 W3C 盒子模型。他們對盒子模型的解釋各不相同，IE和標準 W3C 盒子模型不同的是：IE 盒子模型的 content 部分包含了 border 和 pading。那應該選擇哪中盒子模型呢？當然是“標準 W3C 盒子模型”了。怎麼樣才算是選擇了“標準 W3C 盒子模型”呢？很簡單，就是在網頁的頂部加上 DOCTYPE 聲明。如果不加 DOCTYPE 聲明，那麼各個瀏覽器會根據自己的行為去理解網頁。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
