一仅政、CSS定義
CSS就是web標準中的表現(xiàn)標準储矩，專門用來對網頁標簽進行布局和樣式設定的語言
CSS又叫層疊樣式表
二铐拐、CSS基本語法
1.結構：
- 選擇器{屬性: 屬性值; 屬性2: 屬性值2; 屬性3:屬性名3....}
2.說明
選擇器：用來選中確定設置樣式的標簽
{}：固定寫法
屬性：CSS提供的屬性，共200多個
屬性值：根據(jù)屬性賦不同的值
三稠歉、CSS樣式
1.內聯(lián)樣式
- 將樣式表寫在標簽的style屬性中 -- 樣式只對一個標簽有效
2.內部樣式
- 將樣式表寫在head的style標簽中 -- 樣式只對當前HTML文件中的標簽有效
3.外部樣式
- 將樣式表寫在外部CSS文件中，然后在head中通過link標簽導入 -- 樣式可作用于所有HTML文件
四饵沧、選擇器
1.元素選擇器
將標簽名作為選擇器孩灯，選中指定的標簽
用法：標簽名{}
2.id選擇器
將標簽中的id屬性的值作為選擇器，選中指定的標簽
用法：#id{}
3.class選擇器
將標簽中的class屬性的值作為選擇器碉怔，選中指定的標簽
用法：.class{}
4.群組選擇器
多個選擇器用逗號隔開作為一個選擇器烘贴，同時選中多個標簽
用法：標簽名1，標簽名2{}
5.父子選擇器
多個選擇器用空格隔開作為一個選擇器撮胧，按順序依次往后找桨踪，選中最后一個選擇器對應的標簽
用法：標簽名1 標簽名2 標簽名3{}
6.通配符
將*作為選擇器，選中網頁中所有標簽
用法：*{}
7.選擇器優(yōu)先級
- 元素選擇器< class選擇器<id選擇器 < 內聯(lián)樣式
五芹啥、標準流布局
1.標準流
塊級標簽是一個占一行锻离，默認寬度是父標簽的寬度铺峭，設置寬高有效
行內標簽是一行可以顯示多個，默認寬度和高度都是內容的寬高汽纠，設置寬高無效
行內快標簽是一行可以顯示多個卫键，默認寬度和高度都是內容的寬高，設置寬高有效
2.塊級標簽
- h1~h6虱朵、p莉炉、hr、ol\ul\dl\li卧秘、table呢袱、tr、div
3.行內標簽
- a翅敌、img羞福、td、input蚯涮、select治专、option、span
4.設置標簽性質
display:block -- 將標簽設置為塊級標簽
display:inline-block -- 將標簽設置為行內標簽
display:inline -- 將標簽設置為行內標簽
六遭顶、常用CSS屬性
1.顏色
設置背景顏色(background-color)
設置字體顏色(color)
注:CSS中的顏色值
a.顏色的英文單詞
b.#顏色值對應的6位16進制值（#ff00, #00ff00）
c.rgb(r,g,b) rgba(r,g,b,a);r,g,b的取值范圍是0-255张峰，a表示透明度，取值范圍是0-1
2.文本（text / font）
文本的大小和字型(font-size / font-family)
斜體棒旗、粗體喘批、大寫和下劃線(font-weight / font-style / text-decoration)
行間距(line-height)、字母間距(letter-spacing)和單詞間距(word-spacing)
對齊(text-align)方式和縮進(text-ident)
鏈接樣式（:link / :visited / :active / :hover）
3.盒子（box model）
盒子大小的控制（width / height）
盒子的邊框铣揉、外邊距和內邊距（border / margin / padding）
盒子的顯示和隱藏（display / visibility）
邊框圖像（border-image）
投影（border-shadow）
圓角（border-radius
4.圖像
- 控制圖像的大腥纳睢（display: inline-block）
- 對齊圖像(margin: 0 auto)
- 背景圖像（background / background-image / background-repeat / background-position）
5.列表、表格和表單
列表的項目符號（list-style）
表格的邊框和背景（border-collapse）
表單控件的外觀
表單控件的對齊
瀏覽器的開發(fā)者工具
6.布局
相對定位（position：relative）
絕對定位（position：absolute）
固定定位（position：fixed）
浮動元素（float / clear）
