css是級聯樣式表（cascading style sheets）的縮寫。html用於撰寫頁面的內容，而 css 將決定這些內容該如何在螢幕上呈現。網頁的內容是由html的元素構建的，這些元素如何呈現，涉及許多方面，如整個頁面的布局，元素的位置、距離、顏色、大小、是否顯示、是否浮動、透明度等等。css入門極其容易，但要完全掌握及合理的應用則比較困難。
css 規則集（rule-set）由選擇器和宣告塊組成：
css 選擇器
選擇器指向您需要設定樣式的 html 元素。
宣告塊包含一條或多條用分號分隔的宣告。
每條宣告都包含乙個 css 屬性名稱和乙個值，以冒號分隔。
多條 css 宣告用分號分隔，宣告塊用花括號括起來。
例項在此例中，所有元素都將居中對齊，並帶有紅色文字顏色：
p 例子解釋
除了上面的三種單獨的選擇器外，還可以將這些選擇器進行組合，下面介紹這些組合選擇器。
後代選擇器
後代選擇器
後代選擇器用於選取某元素的後代元素。
以下例項選取所有元素插入到元素中:
例項div p
子元素選擇器
與後代選擇器相比，子元素選擇器（child selectors）只能選擇作為某元素子元素的元素。
以下例項選擇了
元素中所有直接子元素
：例項
div>p
如果需要選擇緊接在另乙個元素後的元素，而且二者有相同的父元素，可以使用相鄰兄弟選擇器（adjacent sibling selector）。
以下例項選取了所有位於元素後的第乙個元素:
例項
div+p
後續兄弟選擇器選取所有指定元素之後的相鄰兄弟元素。
以下例項選取了所有
元素之後的所有相鄰兄弟元素: 例項
div~p
CSS學習總結
1.使用外部 extenal 樣式表，相對於內嵌 inline 和內部式 internal 的，有以下優點 樣式 可以復用。乙個外部css檔案，可以被很多網頁共用。便於修改。如果要修改樣式，只需要修改css檔案，而不需要修改每個網頁。提高網頁顯示的速度。如果樣式寫在網頁裡，會降低網頁顯示的速度，如果...
CSS學習總結
選擇器的優先順序 乙個標籤作用於多個樣式層疊時，這些層疊樣式說明都不一樣，那麼標籤上樣式所有層疊樣式的總和。如果這些層疊樣式有相同的宣告時，樣式的優先順序如下 內聯 內部 外部 必須選擇器型別相同 id的優先順序大於類大於元素。id不管在內部還是外部優先順序都是最高的。important 內聯 id...
CSS學習總結
ios不支援background attachment屬性 需要用以下hack方式，body before超出寬度的文字自動省略 效果圖 需要同時加上 overflow hidden 和 white space nowrap text overflow ellipsis 才會起作用。span標籤設定...