寫在前面：本文只是記錄了初學css3時常用的一些屬性和使用方法。
網頁應用css樣式方法：
1.鏈接外部css樣式表：
2.文檔中嵌入css樣式：head取中使用
理解css選擇器：
基本選擇器：
1.標記選擇器：用於文檔某個特定標記定義格式；爲具有嵌套關
2.類選擇器：點號開頭，第一個字符不能使用數字
3.ID選擇器：一個ID只能用一個元素，#開頭，第一個字符非數字
4.僞類選擇器：用冒號表示，用在選擇器之後，表明在某種狀態下才能
選中（lvha）
5.僞元素選擇器：以雙冒號或者單冒號開頭，用於選擇指定元素
複合選擇器：由兩個選擇器直接構成，結果是選中兩者各自作用範圍的交集。
第一個必須是標記選擇器，第二個必須是類選擇器或id選擇器
並集選擇器：可對多個選擇器進行集體聲明，多個選擇器之間用“，”隔開
通用選擇器：*{css代碼}
後代選擇器：選擇某元素的後代元素 例：ul li ol li{front-style:italic};
子代選擇器：用於選擇指定標記元素的第一代子元素，使用“>“相隔
相鄰選擇器：選擇某個元素後面相鄰的元素，使用”+"相隔
複合選擇器優先級：行內樣式>id選擇器>類選擇器>標記選擇器
理解css層疊樣式表：
層疊性是指當有多個選擇器都作用於同一元素時，即多個選擇器作用範圍重疊
css字體和文本屬性：
font-family：設置文本字體。其值可以是一組字體名。
font-style：設置文本顯示的字形 normal\italic\oblique
font-weight:設置文本的粗細。取值可以是normal\bold\bolder\lighter
font-size: 設置文本字體大小，取值分爲四種：絕對大小，相對大小。長度值，百分數
font： 複合屬性，可以一次性設置各種屬性，各屬性值之間以空格分隔。
但是指定次序必須是font-style\font-weight\font-size\font-family 例：p{font;italic 200% serif}
letter-spacing: 設置字符的間距，取值可以是normal\數值，該屬性多用於英文文本
text-transform：設置文本大小寫，取值可以是none\capitalize\uppercase\lowercase
word-spacing: 設置單詞之間的間距，取值可以是normal\數值
text-align：設置文本水平對齊方式，取值可以是left\right\center\justify
line-height: 設置行高（行距）。取值可以是字符的倍數，計量單位數值和百分比
text-indent：設置文本塊首行的縮進
text-decoration：設置添加到文本的修飾效果
css背景和列表屬性：
background-color：設置元素的背景顏色，默認值是transparent透明色
background-image：設置元素的背景圖像，默認值可以是none\url
background-repeat： 設置是否重複圖像及如何重複，
取值可以是repeat(默認值)\repeat-x\repeat-y\no-repeat
background-position：設置背景圖像的起始位置，通常與background-image一起使用
background-attachment：設置背景圖像是否固定或隨內容一起滾動，scroll\fixed
background-size: 設置背景圖像的尺寸 length| precentage| cover| contain
background-origin：將背景圖像定位於某一區域 padding-box|border-box|content-box
padding-box：相對於內邊距來定位 border-box：相對於邊框盒 content-box：相對內容框
list-style-type：
list-style-position：設置列表標記的位置，取值可以是inside\outside\inherit
list-style-image： 設置圖像爲列表項目符合，取值可以是none\url
css邊框和表格屬性：
border：設置元素邊框的寬度、樣式和顏色，能同時設置4個邊框的寬度、樣式和顏色
border-left|right|top|bottom：分別設置左、右、上、下邊框的寬度、樣式和顏色
boder-style：設置邊框的樣式。
取值可以是：none、dotted（點線）、dashed（劃線）、solid（實線）、double（雙線）
border-width：設置邊框的整體寬度按順序 上、右、下、左邊框的寬度。
取值可以是thin、medium、thick和長度數值
border-color：設置邊框的顏色，按上、右、下、左設置各邊的顏色
border-radius：爲元素添加圓角邊框（水平半徑 值|% 【垂直半徑 值|%】）
盒子模型：
一個元素盒子的寬度=左外邊距+左邊距+左內邊距+內容寬度+右內邊距+右邊框+右外邊距
margin：外邊距即盒子邊框與其他盒子之間的距離。 按上右下左的順序分別設置各邊的外邊距屬性
padding：內邊距即盒子邊框到內容之間的距離。
marign合併：外邊距合併是指兩個垂直外邊距相遇時將形成一個外邊距
**css流佈局**
float屬性：設置標記內容浮動到頁面邊緣。取值爲none（默認值）\left\right等
clear屬性：設置是否允許浮動元素在其旁邊。取值爲none（默認值）\left\right\both等
left表示跳過左邊的浮動元素，right表示跳過右邊的浮動元素，both表示跳過所有的浮動元素
height\width屬性：設置標記內容的高度和寬度，取值爲auto（默認值）\長度值\百分比
position屬性：設置元素在網頁上的定位方式，取值爲relative\absolute
top\left\bottom\right屬性：設置元素與其他元素之間的距離
流佈局的機制：
流佈局是默認佈局方式。
行內元素在同一行內從左到右並排排列，只有當瀏覽器容納不下才會轉到下一行
塊級元素佔據瀏覽器一整行位置，塊級元素與塊級元素之間自動換行，從上到下排列。
盒子與盒子、盒子與內容之間的距離由margin與padding屬性決定
行內元素和塊級元素可以用display來相互轉化。 display：block\inline
**浮動佈局：**
float屬性：設置標記內容浮動到頁面邊緣。取值爲none（默認值）\left\right等
float屬性：定義某元素的浮動情況；
浮動的盒子可以向左或向右移動，直到其外邊緣碰到包含盒子或另一個浮動盒子的邊框爲止
