0.快捷鍵：
對(duì)于webstom,先點(diǎn)擊進(jìn)入一個(gè)標(biāo)簽 按住alt 點(diǎn)擊其他的標(biāo)簽里面唠亚，多點(diǎn)一些喷舀，可以同時(shí)操作，同時(shí)添加代碼双饥。
1.css定義
層疊樣式表，主要作用對(duì)html的結(jié)構(gòu)做外觀樣式的設(shè)置弟断。
css是以html為基礎(chǔ)咏花。字體，顏色阀趴，背景迟螺，排版冲秽。
html層：結(jié)構(gòu)層
css層：樣式層
js層：行為層
2.如何編寫css樣式
*注意：所有的標(biāo)簽都可以有一個(gè)id屬性，name 屬性矩父， style屬性
- 缺省樣式（瀏覽器樣式） 所有的標(biāo)簽都有一個(gè)默認(rèn)的樣式锉桑，我們稱為瀏覽器樣式，或者默認(rèn)樣式窍株。
- 行內(nèi)樣式
- 內(nèi)嵌樣式（嵌入樣式） 在head標(biāo)簽中添加style標(biāo)簽
- 外聯(lián)css樣式民轴，或者外部css樣式
<link ref="stylesheet" href="css/main.css"> link寫在head里面
- @import url(css/main.css); 導(dǎo)入樣式 不推薦使用了
-
css語法
選擇符，屬性聲明球订，括號(hào)后裸，換行不敏感，空格不敏感冒滩。
div{color:red;}
css的簡單屬性：width,height,color,background-color,font-size
不建議寫行內(nèi)樣式層疊
4.css選擇器綜述
<head>里面微驶，<style>，p標(biāo)簽开睡，*代表通配符選擇器因苹，通配符的穿透力很強(qiáng)，優(yōu)先級(jí)高于繼承的樣式篇恒。
margin:外邊距 padding:內(nèi)邊距
id選擇器：html標(biāo)簽都有公共id屬性扶檐，而且整個(gè)頁面唯一. id 選擇器命名規(guī)范，只允許出現(xiàn)字母胁艰，大小寫區(qū)分款筑，下劃線，數(shù)字腾么；只允許字母開頭奈梳；命名沒有長度限制，可以是1個(gè)字母解虱，也可以是多個(gè)颈嚼；不允許出現(xiàn)標(biāo)簽名（工作經(jīng)驗(yàn)的表現(xiàn)） 【#】
類選擇器：class 【.】
類標(biāo)簽可有2個(gè)類：class="web demo"
建議大家多使用類選擇器
復(fù)合選擇器：
復(fù)合選擇器是有2個(gè)或者多個(gè)基礎(chǔ)選擇器，通過不同的方式組合而成的饭寺。
a.標(biāo)簽制定式選擇器（即...又...） 標(biāo)簽制定式選擇器又稱交集選擇器阻课，優(yōu)兩個(gè)選擇器構(gòu)成，其中年第一個(gè)為標(biāo)記選擇器艰匙，第二個(gè)為class選擇器或者id選擇器限煞，兩個(gè)選擇器之間不能有空格，如h3.special或p#one
b.后代選擇器（包含選擇器）后代選擇器用來懸著元素或元素組的后代员凝，其寫法就是把外層的標(biāo)記寫在前面侠畔，內(nèi)層標(biāo)記寫在后面油狂，中間用空格分隔店枣。當(dāng)標(biāo)記發(fā)生前臺(tái)時(shí)，內(nèi)層標(biāo)記就成為了
.box li {
color: green;
}
e.并集選擇器
h1, h2, p { color: red;}
f.子元素選擇器
h1>strong { color: green;}
g.屬性選擇器
h1[id] = {} 把h1有id的選擇器拉出來
h1[class] = {} 把h1有class的選擇器拉出來
h1[id][class] = {} 把h1同時(shí)擁有id和class屬性的選擇器拉出來
5.css偽類
:link 偽類將應(yīng)用于未被訪問的連接瓶蚂，IE6不兼容，解決此問題宣吱，直接使用a標(biāo)簽窃这。
:hover 偽類將應(yīng)用于有鼠標(biāo)的指針懸停于其上的元素，在IE6只能應(yīng)用于a連接征候，IE7+所有元素都兼容杭攻。
:active 偽類將應(yīng)用于被激活的元素，如被點(diǎn)擊的連接沒被按下的按鈕等疤坝。
:visited 偽類將應(yīng)用于已經(jīng)被訪問過得連接
:focus 偽類將應(yīng)用于擁有鍵盤輸入焦點(diǎn)的元素
6.工具：
markman用于標(biāo)注兆解。
7.對(duì)齊：
<style>
.main {
width: 801px;
margin: 0 auto; /* 上下：0 左右：auto */
}
</style>
8.字體：
h1 { font: 24px "微軟雅黑"; }
9.縮進(jìn)：
.param_content {
text-indent: 2em; /* 縮進(jìn)2個(gè)字 */
}
10.去掉下劃線：
text-decoration: none;
