最近看了很多關於如何學習的文章，無非就是要刻意練習，不斷地回顧總結過去所學的文章，達到真正掌握知識的程度。跟著 w3school 學習的css基礎知識。
css簡介
css基本語法
派生選擇器
直系後代，子孫後代
id選擇器
#id1 來表示乙個id選擇器
id屬性是唯一的，如果有多個標籤都使用同乙個id，則只有第乙個標籤生效。
會結合派生選擇器使用
類選擇器
.class1 來表示乙個class選擇器
結合派生選擇器使用
屬性選擇器
就類似於[class=『laguahome』] 這樣的屬性選擇器
裡面可以1）只包含屬性，2）包含屬性還有屬性值，屬性確定的等於多少；屬性中包含某個值（指定詞彙）；屬性中包含用連線符-；以def開頭的屬性值；以end結尾的屬性值；屬性值中間用空格分隔；等等…
有幾種常見的選擇器
同理結合派生選擇器使用
例項：
//[title]
title
="hello school"
>
w3school is a tutorial type websitep
>
[title = 'w3school']
title
="w3cshool"
>
w3school is a tutorial type websitep
>
//[title ~= 'hello']
title
="hello school"
>
w3school is a tutorial type websitep
>
//[title |= 'hello']
title
="hello-school"
>
w3school is a tutorial type websitep
>
三種模式：
例項：
//外部樣式表
>
rel=
"stylesheet"
type
="text/css"
href
="mystyle.css"
/>
// mystyle.css is your css file.
//above statement is just like a statement.
head
>
//內部樣式表
>
type
="text/css"
>hrp
body
style
>
head
>
//內聯樣式
style
="color
: sienna;
margin-left
: 20px
">
this is a paragraph
p>
注：就js來講，內聯樣式最高效，即將script**放在body底部，不清楚css是否也有相似的效能。
下面會更新css文字、css框模型、選擇器方面的內容。
css背景
css文字
css字型
css鏈結
a:link
a:visited
a:hover
a:active
3必須在12後面，4必須在3後面css列表
css**
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標籤設定...