1.css規(guī)則集
p{color:red}
p為選擇器
{color:red} 為聲明
color為屬性
red為屬性的值
2.css選擇器及其優(yōu)先級(jí)
CSS選擇符：
1、id選擇器：#myid{background:black}
2、類選擇器：.classname{}
3、標(biāo)簽選擇器： div{}
4派阱、通配選擇器： *{}
5丁频、相鄰選擇器：h1+div{}
6按声、子代選擇器：h1>div{}
7裹粤、后代選擇器：h1 div{}
8、屬性選擇器：a[attr=value]{}
9蜂林、偽類選擇器：a:hover{}
優(yōu)先級(jí)計(jì)算：
元素選擇符： 1
class選擇符： 10
id選擇符：100
元素標(biāo)簽：1000
!important聲明的樣式優(yōu)先級(jí)最高遥诉，如果沖突再進(jìn)行計(jì)算。
如果優(yōu)先級(jí)相同噪叙，則選擇最后出現(xiàn)的樣式矮锈。
繼承得到的樣式的優(yōu)先級(jí)最低。
3.css背景
1.背景顏色
background-color：black|#000|rgba(0,0,0,1)
默認(rèn)值為transparent
2.背景圖像
background-image：url（path）
3.背景重復(fù)
background-repeat: no-repeat|repeat-x|repeat-y
no-repeat：不重復(fù)
repeat-x：水平方向重復(fù)
repeat-y：垂直方向重復(fù)
3.背景定位
background-position：center center（top left） | 50px 50px（50% 50%）
關(guān)鍵詞：center center表示水平垂直居中睁蕾，top left表示背景左上角和元素的左上角對(duì)齊苞笨，以此類推债朵，只聲明一個(gè)關(guān)鍵詞則另一個(gè)默認(rèn)為center
尺寸：可用px等css尺寸單位的具體數(shù)值，或者百分?jǐn)?shù)表示該元素的百分比大小
4.背景關(guān)聯(lián)
如果文檔比較長(zhǎng)瀑凝，那么當(dāng)文檔向下滾動(dòng)時(shí)序芦，背景圖像也會(huì)隨之滾動(dòng)。當(dāng)文檔滾動(dòng)到超過圖像的位置時(shí)粤咪，圖像就會(huì)消失谚中。
您可以通過?background-attachment 屬性防止這種滾動(dòng)。通過這個(gè)屬性寥枝，可以聲明圖像相對(duì)于可視區(qū)是固定的（fixed）宪塔，因此不會(huì)受到滾動(dòng)的影響：
body{ background-attachment:fixed }
background-attachment 屬性的默認(rèn)值是 scroll，也就是說囊拜，在默認(rèn)的情況下某筐，背景會(huì)隨文檔滾動(dòng)。
4.css文本
1.文本顏色
color：black|#000|rgba(0,0,0,1)
2.文本對(duì)齊（水平）
text-align： center right left ?justify
center：居中對(duì)齊
right / left：右 / 左
justify：自適應(yīng)
3.文本修飾
text-decoration： overline| lien-through ?| under-line
overline：上劃線
lien-through：中劃線
under-line： 下劃線
4.文本轉(zhuǎn)換（大小寫轉(zhuǎn)換）
text-transform：uppercase | lowercase | capitalize
大寫|小寫|首字母大寫
5.文本縮進(jìn)（文本第一行縮進(jìn)）
text-indent: 10px
5.css字體
1.字體系列
font-family：XXX
設(shè)置多個(gè)字體名稱作為一種后備機(jī)制
如果字體系列名稱超過一個(gè)字冠跷，他必須用引號(hào)
2.字體樣式
font-style：normal | italic | oblique
正常|斜體|傾斜
3.字體大小
font-size：10px| 1em| ?1rem
絕對(duì)大心咸堋： 如10px，指定一個(gè)固定尺寸為該文字的大小蔽莱，不受父級(jí)元素弟疆、瀏覽器等外部因素影響
相對(duì)大小： 例如：1em盗冷、1rem怠苔，相對(duì)于周圍元素的字體大小而變化
em指父級(jí)設(shè)置的字體大小，如果父元素font-size=20px仪糖，子元素font-size=2em=40px（ie有bug）
rem指該文檔設(shè)置的字體大小柑司，即html標(biāo)簽，計(jì)算同em
默認(rèn)1em=16px
參考鏈接：W3Cschool
6.css引入
1.外部引入css文件
外部樣式在 HTML 頁面 <head> 部分內(nèi)的 <link> 元素中進(jìn)行定義锅劝，href定義css文件路徑攒驰，可是絕對(duì)路徑或者相對(duì)路徑：
<head>
? ? ...
????<link?rel="stylesheet"?href="style.css">
</head>
2.內(nèi)部樣式
內(nèi)部樣式在 HTML 頁面 <head> 部分內(nèi)的 <style> 元素中進(jìn)行css代碼編寫：
<head>
? ? ...
????<style>
????????html{
????????????margin:?0;
????????}
????</style>
</head>
3.行內(nèi)樣式
行內(nèi)樣式（內(nèi)聯(lián)樣式）一般用于單一元素的樣式設(shè)置，要設(shè)置行內(nèi)樣式只需將css代碼寫在元素的style屬性中即可：
<body>
????<div?style="margin:?0;?font-size:?12px;">我設(shè)置了內(nèi)聯(lián)樣式</div>
</body>
