css樣式遵循什么原則

“css的樣式規(guī)則是:由選擇器和聲明塊兩個基本部分組成的。選擇器決定為哪些元素應用樣式;聲明塊定義相應的樣式,它包含在一對花括號內(nèi),有一條或多條聲明組成,而每一條聲明則由一個屬性和一個值組成,中間用冒號隔開

創(chuàng)新互聯(lián)科技有限公司專業(yè)互聯(lián)網(wǎng)基礎(chǔ)服務(wù)商，為您提供西信服務(wù)器托管，高防物理服務(wù)器租用，成都IDC機房托管，成都主機托管等互聯(lián)網(wǎng)服務(wù)。

什么是CSS樣式

CSS就是一種叫做樣式表（stylesheet）的技術(shù)。也有的人稱之為層疊樣式表（Cascading Stylesheet）。

在主頁制作時采用CSS技術(shù)，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制。

只要對相應的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者頁數(shù)不同的網(wǎng)頁的外觀和格式。

它的作用可以達到：

（1）在幾乎所有的瀏覽器上都可以使用。

（2）以前一些非得通過圖片轉(zhuǎn)換實現(xiàn)的功能，現(xiàn)在只要用CSS就可以輕松實現(xiàn)，從而更快地下載頁面。

（3）使頁面的字體變得更漂亮，更容易編排，使頁面真正賞心悅目。

（4）你可以輕松地控制頁面的布局 。

（5）你可以將許多網(wǎng)頁的風格格式同時更新，不用再一頁一頁地更新了。你可以將站點上所有的網(wǎng)頁風格都使用一個CSS文件進行控制，只要修改這個CSS文件中相應的行，那么整個站點的所有頁面都會隨之發(fā)生變動。

css樣式表

CSS樣式優(yōu)先級是下面這樣的：

從高到低來排

div style="color:red!important;"1/div

大于

div style="color:red;"1/div

大于

style type="text/css"

div{color:red;}

/style

div1/div

大于

link rel="stylesheet" href="css.css" type="text/css" /

div1/div

等于

@import url(css.css);

div1/div

link rel="stylesheet" href="css.css" type="text/css" /

div1/div

和

@import url(css.css);

div1/div

這種方式要看誰在最后面被加載，就是在同一個網(wǎng)頁下面，誰在最后，誰就是老大。

（如果有錯誤的地方，請指正?。?/p>

另附上一篇解讀CSS優(yōu)先級的文章供你查閱：

什么是CSS樣式？并列舉CSS樣式的類型。作業(yè)要求

CSS（Cascading Style Sheet，可譯為“層疊樣式表”或“級聯(lián)樣式表”）是一組格式設(shè)置規(guī)則，用于控制Web頁面的外觀。通過使用CSS樣式設(shè)置頁面的格式，可將頁面的內(nèi)容與表現(xiàn)形式分離。頁面內(nèi)容存放在HTML文檔中，而用于定義表現(xiàn)形式的CSS規(guī)則則存放在另一個文件中或HTML文檔的某一部分，通常為文件頭部分。將內(nèi)容與表現(xiàn)形式分離，不僅可使維護站點的外觀更加容易，而且還可以使HTML文檔代碼更加簡練，縮短瀏覽器的加載時間。定義內(nèi)部樣式塊對象 你可以在你的HTML文檔的HTML和BODY標記之間插入一個STYLE.../STYLE塊對象。 定義方式請參閱樣式表語法。示例如下： html head title文檔標題/title style type="text/css" !-- body {font: 10pt "Arial"} h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon} h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue} p {font: 10pt/12pt "Arial"; color: black} -- /style /head body 請注意，這里將style對象的type屬性設(shè)置為"text/css"，是允許不支持這類型的瀏覽器忽略樣式表單。 內(nèi)聯(lián)定義 (Inline Styles) 內(nèi)聯(lián)定義即是在對象的標記內(nèi)使用對象的style屬性定義適用其的樣式表屬性。示例如下： p style="color: sienna; margin-left: 20px"This is a paragraph/p 導入樣式（Import Styles） 與鏈入外部樣式的功能基本相同，只是語法和實現(xiàn)方式上有差別 head title文檔標題/title style @import url(css.css); @import url("csss.css") ;//單引號也可以 @import css,css; @import "css.css";//單引號也可以 /style /head 以上幾種形式都可以。