CSS重點
1.
需寫在以下語法內
<style type=”text/css”>
</style>
正常都會寫在<head>裡
<style type=”text/css”>
</style>
正常都會寫在<head>裡
2.
註解為/* */，並無單行註解
3.
選擇器的重類：
l (Type選擇器)HTML的任何一個標籤
l (Class選擇器)以.開頭的class
l (id選擇器)以#開頭的id
l 階層的選擇器如
ü p span 代表p 容器裡的 span
ü .class1 p 代表class1類別容器裡的p
ü #myId h1 代表id(myId)容裡面的h1
4.
Grouping方式
l 如有h1,h2,h3，可以使用h1,h2,h3{ }，不止type，id或class都可混合用使
5.
設定時強度比較，inline >
id > class > type > inherit(繼承)，!important例外使用時都可以蓋
l Inherit(繼承)
例如：body下有<p>、<div>、<span>，當設定body時，下面的type就會被繼承到
例如：body下有<p>、<div>、<span>，當設定body時，下面的type就會被繼承到
l type
例如：body下有<p>、<div>、<span>，當設定body，此時<p>也有設定，會蓋掉body的設定。
例如：body下有<p>、<div>、<span>，當設定body，此時<p>也有設定，會蓋掉body的設定。
l class
例如：body下有<p>、<div>、<span>，當設定body、<p>，此時class也有設定，
而<p>的class是符合的，會蓋掉<p>。
例如：body下有<p>、<div>、<span>，當設定body、<p>，此時class也有設定，
而<p>的class是符合的，會蓋掉<p>。
l id
例如：body下有<p>、<div>、<span>，當設定body、<p>、class，此時id也有設定，而<p>的id是符合的，會蓋掉<p>。
例如：body下有<p>、<div>、<span>，當設定body、<p>、class，此時id也有設定，而<p>的id是符合的，會蓋掉<p>。
l inline
例如：body下有<p>、<div>、<span>，當設定body、<p>、class、id，而<p>內有設定style=”color:yellow”時，會蓋掉最後是yellow。
例如：body下有<p>、<div>、<span>，當設定body、<p>、class、id，而<p>內有設定style=”color:yellow”時，會蓋掉最後是yellow。
6.
!important，強制使用(強度最大)，平常最好少用
7.
CSS的引入，讀外部css時要注意順序，避免設定又被覆蓋或沒有蓋
l 在<head>及</head>之間加入<link>的方式引入
<link href=”css/link.css” rel=”stylesheet” type=”text/css” />
<link href=”css/link.css” rel=”stylesheet” type=”text/css” />
8.
在製作CSS檔案時，副檔名為.css，檔案內開頭需打上，可以解決中文編碼問題
@charset “utf-8”;
@charset “utf-8”;
9.
顏色參考
紅色：red 藍色：blue 灰色：gray 粉紅色：pink
綠色：green 青色：cyan 橘色：orange 亮綠：lightgreen
紫色：purple
10. 當不同選擇器有共同項目需要設定時，可以寫在一起，而不同的地方，則可以再另外自行編寫設定。
l 例如：.
div1 , .div2 , .div3{
(共同設定項目)
}
div1 , .div2 , .div3{
(共同設定項目)
}
11. Width/Height 尺寸
l 設定寬度 width:(auto,%,px..)
ü 補充說明：div會是整個視窗寬度，而span會只限制於自己區塊內
l 設定高度 height:(auto,%,px..)
l 設定最大允許寬度 max-width(none(預設),%,px..)
l 設定最小允許寬度 min-width(%,px..)
l 設定最大允許高度 max-height(none(預設),%,px..)
l 設定最小允許高度 min-height(%,px..)
ü 補充說明：設定最小或最大允許寬度或高度時，搭配width的%這樣才會顯示效果，不然就是固定大小，如果只設定%沒有最小最大就隨著視窗大小而去變動。
12. Display 顯示
l Inline 為行內元素，像span
l Black 為區塊元素，像p
l None 不顯示
13.
