目錄樣式表的定義和使用
選擇器復合選擇器
標籤選擇模式
css三大特性
css(cascading style sheets)通常被稱為css樣式表或層疊樣式表（級聯樣式表），主要用於設定html頁面中的文字內容（字型、大小、對齊方式等）、的外形（寬高、邊框樣式、邊距等）以及版面的布局等外觀顯示樣式。它就是包含乙個或多個規則的文字檔案。
樣式表的每個規則都有兩個部分，即選擇器(selection)和宣告(declaration)。
選擇器用於指定css樣式作用的html物件，花括號內是對該物件設定的具體樣式。
屬性和屬性值以「鍵值對」的形式出現。
屬性是對指定的物件設定的樣式屬性，例如字型大小、文字顏色等。
屬性和屬性值之間用英文「:」連線。
多個「鍵值對」之間用英文「;」進行區分。
我們也可以在樣式規則中用/*注釋內容*/語法來注釋內容。另外，樣式會被該元素的後代繼承，不過瀏覽器在解析**時，只會解析離它最近的樣式。
基本語法：
link：該標籤是乙個單標籤
或者：
標籤名 或者
元素名
.類名#id名*偽類選擇器用於向某些選擇器新增特殊的效果。比如給鏈結新增特殊效果， 比如可以選擇 第1個，第n個元素。
:target目標偽類選擇器 :選擇器可用於選取當前活動的目標元素
我們直接把需要交集的選擇器連在一起，如：
>進行連線，注意，符號左右兩側各保留乙個空格。
/* 獲取到 擁有 該屬性的元素 */
div[class^=font]
div[class$=footer]
div[class*=tao]
特點：
行內元素（內聯元素）不占有獨立的區域，僅僅靠自身的字型大小和影象尺寸來支撐結構，一般不可以設定寬度、高度、對齊等屬性，常用於控制頁面中文字的樣式。
特點：
在行內元素中有幾個特殊的標籤如
、、，可以對它們設定寬高和對齊屬性，我們稱它們為行內塊元素。
特點：
這是瀏覽器處理衝突的乙個能力,如果乙個屬性通過兩個選擇器設定到同乙個元素上，那麼這個時候乙個屬性就會將另乙個屬性層疊掉。一般情況下，如果出現樣式衝突，則會按照css書寫的順序，以最後的樣式為準。
所謂繼承性是指書寫css樣式表時，子標籤會繼承父標籤的某些樣式，如文字顏色和字型大小。想要設定乙個可繼承的屬性，只需將它應用于父元素即可。
定義css樣式時，經常出現兩個或更多規則應用在同一元素上，這時就會出現優先順序的問題：
繼承樣式的權重為0。即在巢狀結構中，不管父元素樣式的權重多大，被子元素繼承時，他的權重都為0，也就是說子元素定義的樣式會覆蓋繼承來的樣式。
行內樣式優先。應用style屬性的元素，其行內樣式的權重非常高，可以理解為遠大於100。總之，他擁有比上面提高的選擇器都大的優先順序。
權重相同時，css遵循就近原則。也就是說靠近元素的樣式具有最大的優先順序，或者說排在最後的樣式優先順序最大。
css定義了乙個!important命令，該命令被賦予最大的優先順序。也就是說不管權重如何以及樣式位置的遠近，!important都具有最大優先順序。
關於css權重，我們需要一套計算公式來去計算，這個就是 css specificity，我們稱為css 特性或稱非凡性，它是乙個衡量css值優先順序的乙個標準 具體規範入如下：
specificity用乙個四位的數 字串(css2是三位)來表示，更像四個級別，值從左到右，左面的最大，一級大於一級，數字之間沒有進製，級別之間不可超越。
且數字之間沒有進製 比如說： 0,0,0,5 + 0,0,0,5 =0,0,0,10 而不是 0,0, 1, 0， 所以不會存在10個div能趕上乙個類選擇器的情況。
繼承或者* 的貢獻值
0,0,0,0
每個元素（標籤）貢獻值為
0,0,0,1
每個類，偽類貢獻值為
0,0,1,0
每個id貢獻值為
0,1,0,0
每個行內樣式貢獻值
1,0,0,0
每個!important貢獻值
∞ 無窮大
優先總結：
使用了 !important宣告的規則。
內嵌在 html 元素的 style屬性裡面的宣告。
使用了 id 選擇器的規則。
使用了類選擇器、屬性選擇器、偽元素和偽類選擇器的規則。
使用了元素選擇器的規則。
只包含乙個通用選擇器的規則
CSS3的基本介紹
知識點記錄 1 圓角效果 border radius 如 border radius 10px 所有角都使用半徑為10px的圓角 border radius 5px 4px 3px 2px 四個半徑值分別是左上角 右上角 右下角和左下角，順時針 2 陰影 box shadow 如 box shado...
css3基本介紹2
css3 文字效果 css3 包含多個新的文字特性。在本章中，您將學到如下文字屬性 text shadow word wrapcss3 文字陰影 在 css3 中，text shadow 可向文字應用陰影。css3 自動換行 p hanging punctuation 規定標點字元是否位於線框之外。...
CSS 知識整理 一 基本介紹和CSS匯入方式
目錄 css知識整理 一 基本介紹和css匯入方式 一 基本介紹 二 匯入方式 1.行內樣式 2.內部樣式 3.外部樣式 css全稱為cascading style sheets，層疊樣式表，用來對html進行渲染，讓html骨架網頁變得具有一定的樣式，簡單來說，就是讓網頁變得好看。css的優勢 c...