站長資訊網(wǎng)css的樣式規(guī)則是：由選擇器和聲明塊兩個基本部分組成的。選擇器決定為哪些元素應用樣式；聲明塊定義相應的樣式，它包含在一對花括號內(nèi)，有一條或多條聲明組成，而每一條聲明則由一個屬性和一個值組成，中間用冒號隔開。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
CSS
層疊樣式表簡寫為CSS，是英語Cascading Style Sheets的縮寫。它是W3C定義和維護的標準，一種用來為結(jié)構(gòu)化文檔（如HTML文檔或XML應用）添加樣式（字體、間距和顏色等）的計算機語言。
概述
一個網(wǎng)頁的讀者和作者都可以使用CSS來決定文件的顏色、字體、排版等顯示特性。CSS最主要的目的是將文件的結(jié)構(gòu)（用HTML或其它相關的語言寫的）與文件的顯示（CSS）分隔開來。這個分隔有許多好處：
-
文件的可讀性被加強
-
文件的結(jié)構(gòu)更加靈活
-
作者和讀者可以自己決定文件的顯示
-
文件的結(jié)構(gòu)簡化了
CSS還可以使用其它的顯示方式，比如聲音（假如瀏覽器有閱讀功能的話）或給盲人用的感受裝置。此外CSS還可以與XHTML、XML或其它結(jié)構(gòu)文件一起使用，唯一條件是顯示這種文件的瀏覽器裝備了接受CSS的功能。
HTML文件中的每一個class或id都可以有自己的顯示特征，而且每一個沒有id特性的HTML結(jié)構(gòu)也可以有自己的顯示特征。這些結(jié)構(gòu)有的是HTML自己需要的，有的是專門為CSS設置的。
使用CSS的優(yōu)點有：
-
一個整個網(wǎng)站或其中一部分網(wǎng)頁的顯示信息被集中在一個地方，要改變它們很方便
-
不同的讀者可以有不同的樣式，比如有的讀者需要字體比較大
-
HTML文件本身的范圍變小了，它的結(jié)構(gòu)簡單了，它不需要包含顯示的信息
樣式規(guī)則
CSS的語法很簡單，它使用一組英語詞來表示不同的樣式和特征。
一個式樣表由一組規(guī)則組成。每個規(guī)則由一個“選擇器”（selector）和一個定義部分組成。每個定義部分包含一組由半角分號（;）分離的定義。這組定義放在一對大括號（{ }）之間。每個定義由一個特性，一個半角冒號（:）和一個值組成。
選擇器（Selector）
通常為文件中的元素（element），如html中的<body>，<p>，<strong>等標簽，多個選擇器可以半角逗號（,）隔開。
屬性（property）
CSS1、CSS2、CSS3規(guī)定了許多的屬性，目的在控制選擇器的樣式。
值（value）
指屬性接受的設定值，可由各種關鍵字（keyword）組成，多個關鍵字時大都以空格隔開。
要針對沒有標簽定義范圍進行樣式設定時，可利用<div>與<span>標簽。
關于CSS的樣式規(guī)則我們有三個點需要注意的有：
就近原則
-
優(yōu)先級關系，從高到低：行內(nèi)樣式 > 內(nèi)部樣式 > 外部樣式。
繼承原則
-
繼承中多數(shù)邊框類的屬性不能被繼承，比如padding、margin、背景等都不會被繼承；
-
表格也不能繼承父類的樣式。
覆蓋原則
-
由于繼承而發(fā)生的樣式?jīng)_突，由最近的祖先元素取值；
-
繼承的樣式和直接指定的樣式發(fā)生沖突時，直接指定的樣式獲取值；
-
直接指定的樣式發(fā)生沖突時，樣式權重高的元素獲取值；樣式權重相同時，后者獲取值；
-
！important 的樣式屬性不能被覆蓋。
推薦學習：css視頻教程
