使用css樣式表
1. 內(nèi)聯(lián)樣式：<h1 style=””></h1>
2. 內(nèi)部樣式表：<head><style></style></head>
3. 外部樣式表：<link rel=”stylesheet” type=”text/css” href=”樣式表url”/>
4. 還可以在一個(gè)外部樣式表中通過(guò)@import引入另一個(gè)樣式表 @import “header.css”
css樣式表特征
1. 繼承性
2. 層疊性
3. 優(yōu)先級(jí)：內(nèi)聯(lián)樣式（最高） 外部樣式表或內(nèi)部樣式表（就近原則） 瀏覽器缺省設(shè)置（最低）
!important：手動(dòng)調(diào)整樣式屬性的優(yōu)先級(jí)
選擇器
1. 通用選擇器
*{}
2. 元素選擇器
元素{}
3. 類選擇器
.類名{}
4. id選擇器
#id名{}
5. 偽類選擇器
鏈接偽類
:link，尚未訪問(wèn)的鏈接
:visited初斑，訪問(wèn)過(guò)后的鏈接
動(dòng)態(tài)偽類
:hover，鼠標(biāo)懸停在元素時(shí)
:active膨处，元素被激活時(shí)
:focus见秤，元素獲取焦點(diǎn)時(shí)
顏色單位
1. rgb
rgb(0-255,0-255,0-255)
rgb(x%,x%,x%)
rgba(x,x,x,0-1)
2. 十六進(jìn)制
通過(guò)六位十六進(jìn)制的數(shù)字表示顏色
溢出
overflow
visible：溢出可見(jiàn)
hidden：溢出隱藏
scroll：設(shè)置滾動(dòng)條
auto：自動(dòng)
overflow-x：橫向溢出處理方式
overflow-y：縱向溢出處理方式
設(shè)置滾動(dòng)條樣式
設(shè)置滾動(dòng)條的寬度：scrollbar
設(shè)置滾動(dòng)條軌道的樣式：scrollbar-track
設(shè)置滾動(dòng)條滾動(dòng)部分：scrollbar-thumb
邊框
border:寬度 樣式 顏色
邊框圓角
border-radius
邊框陰影
box-shadow:水平陰影距離 垂直陰影距離 模糊距離 陰影的尺寸 顏色
圖片邊框
border-image:圖片路徑 寬度 平鋪方式（repeat/round/stretch）
盒模型
元素實(shí)際寬度=邊框+內(nèi)邊距+寬度
在IE瀏覽器下，外邊距包含在元素實(shí)際寬度中
背景
1. 背景顏色
background-color
2. 背景圖片
background-image
3. 背景重復(fù)
background-repeat
repeat：垂直和水平都平鋪
repeat-x：水平方向平鋪
repeat-y：垂直方向平鋪
no-repeat：不平鋪
4. 背景尺寸
background-size
value1 value2：寬度 高度
value1% value2%：百分比
cover：完全覆蓋 碰到最后一個(gè)邊緣停止
contain：碰到第一個(gè)邊緣停止
