css（層疊樣式表：cascading style sheets）：對網頁樣式的編寫
引入css
1. 行間樣式：
2.頁面級css：
3.外部css檔案：
選擇器：
選擇器的優先順序：
即： css權重（由高至低）：
！important infinity
行間樣式 1000
id 100
class/屬性/偽類 10
標籤/偽元素 1
萬用字元（*） 0
進製為256進製（ie7.0測試資料）
當權重相同時後面覆蓋前面
css中的注釋： /* */
文字：
font-size：字型大小（正常預設值為16px，常用值為12px）
font-weight：字型加粗（lighter，normal,bold,bolder）
(數值法：100，200，300，...，900)
font-family:字型（常用值：arial）
color:字型顏色（1.純英文 2.顏色** 3.顏色函式）
transparent: 透明色
text-align:文字對齊方式：left（左對齊）,
center（居中）,
right（右對齊）,
justify（兩端對齊）,
inherit（繼承父元素）
line-height:單行文字行高，預設值（normal）
單行文字水平垂直居中時：text-align：center；
line-height=容器高度；
text-indent:縮排（單位通常用：em）
text-decoration:文字修飾： none（常用的標準文字），
underline（下劃線），
overline（上劃線），
line-through（中劃線），
blink（閃爍文字）
text-overflow：ellipsis溢位文字以。。。展示
overflow：1.visible（預設值）
* 2.hidden 溢位隱藏
3.scroll 內容會被修減，但瀏覽器會顯示滾動條以便檢視
4.auto內容如果被修減，但瀏覽器會顯示滾動條以便檢視
cursor:游標移入後的樣式：default（預設），
pointer（常用，乙隻手）
help（問好）
偽類選擇器：
：hover：改變滑鼠移入後的樣式
：link：未訪問的
：visited 已訪問的
標籤類別：
1.行級元素：內容決定元素所佔位置。特徵：不可以通過css改變寬高。
2.塊級元素：獨佔一行。 特徵：可以通過css改變寬高。
3.行級塊元素：內容決定大小。特點：可通過css改變寬高。
*（凡是帶有inline的元素都帶有文字特性）
改變標籤類別：
display：1.inline 行級元素
2. block 塊級元素
3.inline-block 行級塊元素
盒子模型：
盒子總大小：margin + border + padding + （content = width + height）；
定位：在定位後可用left， right， top， bottom進行位置改動
position： 1.static（預設值）
2.relative（相對於正常位置新型定位，保留原有位置）
3.absolute（相對於上乙個有定位的元素進行定位，不保留原有位置）
4.fixed（相對於瀏覽器視窗進行定位）
浮動：
float：left/right
浮動元素產生了浮動流
偽元素：
主要可用於清除浮動流（clear：both）
應用於css ： 元素名：：before
元素名：：after
偽元素內引數：content：「」輸出文字
偽元素清除浮動： ：：after{ content：「」； clear：both； display：inline-block；
CSS樣式優先順序及權重
一 什麼是繼承性？作用 給父元素設定一些屬性，子元素也可以使用，這個我們就稱之為繼承性。color red p div 的 color red 屬性，這個屬性將被 繼承，即 也擁有屬性 color red 直接樣式 比 祖先樣式 優先順序高。類名為 son 的 div 的 color 為 blue ...
CSS常用選擇符和權重
1.css語法 css語法由兩部分組成 選擇符 宣告 語法 選擇符 說明 1 每個css樣式由兩部分組成，即選擇符和宣告，宣告又分為屬性和屬性值 2 屬性必須放在花括號中，屬性與屬性值用冒號鏈結 3 每條宣告用分號結束 4 當乙個屬性有多個屬性值得時候，屬性值與屬性值不分先後順序 5 在書寫樣式過程...
CSS 權重問題
行內樣式包含在你的 html 標籤中 對你的元素產生直接作用，權重最大，但是不能宣告偽類樣式 test id 一般用來作為元素的唯一標識，權重第二 屬性選擇器 針對標籤中的屬性的選擇器 這個形容有點書面，具體自己理解 設定 input 標籤中 title 為 test 的標籤字型顏色 input t...