CSS樣式規(guī)則由什么組成

CSS

成都網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計(jì)、重慶網(wǎng)站建設(shè)公司、微信開發(fā)、成都小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站制作等服務(wù)項(xiàng)目。核心團(tuán)隊(duì)均擁有互聯(lián)網(wǎng)行業(yè)多年經(jīng)驗(yàn)，服務(wù)眾多知名企業(yè)客戶；涵蓋的客戶類型包括：橡塑保溫等眾多領(lǐng)域，積累了大量豐富的經(jīng)驗(yàn)，同時(shí)也獲得了客戶的一致贊揚(yáng)！

層疊樣式表簡寫為CSS，是英語Cascading Style Sheets的縮寫。它是W3C定義和維護(hù)的標(biāo)準(zhǔn)，一種用來為結(jié)構(gòu)化文檔（如HTML文檔或XML應(yīng)用）添加樣式（字體、間距和顏色等）的計(jì)算機(jī)語言。

概述

一個(gè)網(wǎng)頁的讀者和作者都可以使用CSS來決定文件的顏色、字體、排版等顯示特性。CSS最主要的目的是將文件的結(jié)構(gòu)（用HTML或其它相關(guān)的語言寫的）與文件的顯示（CSS）分隔開來。這個(gè)分隔有許多好處：

文件的可讀性被加強(qiáng)

文件的結(jié)構(gòu)更加靈活

作者和讀者可以自己決定文件的顯示

文件的結(jié)構(gòu)簡化了。

CSS還可以使用其它的顯示方式，比如聲音（假如瀏覽器有閱讀功能的話）或給盲人用的感受裝置。此外CSS還可以與XHTML、XML或其它結(jié)構(gòu)文件一起使用，唯一條件是顯示這種文件的瀏覽器裝備了接受CSS的功能。

HTML文件中的每一個(gè)class或id都可以有自己的顯示特征，而且每一個(gè)沒有id特性的HTML結(jié)構(gòu)也可以有自己的顯示特征。這些結(jié)構(gòu)有的是HTML自己需要的，有的是專門為CSS設(shè)置的。

CSS信息可以來自：

作者樣式

作者可以在他的HTML文件中確定一個(gè)外來的、獨(dú)立的CSS文件

作者可以將CSS信息包含在HTML文件內(nèi)

作者可以在一個(gè)HTML指令內(nèi)結(jié)合CSS指令，這樣做一般是為了在一個(gè)特殊情況下將總體的CSS指令抵消掉

讀者樣式

讀者可以在他的瀏覽器內(nèi)設(shè)立一個(gè)地區(qū)性的CSS文件。這個(gè)CSS文件可以用在所有的HTML文件上。假如作者的CSS文件與讀者的相沖突，那么讀者可以確定他想使用哪個(gè)

瀏覽器的樣式

假如外部沒有特別指定一個(gè)樣式的話，一般瀏覽器自己有一個(gè)內(nèi)在的樣式

使用CSS的優(yōu)點(diǎn)有：

一個(gè)整個(gè)網(wǎng)站或其中一部分網(wǎng)頁的顯示信息被集中在一個(gè)地方，要改變它們很方便

不同的讀者可以有不同的樣式，比如有的讀者需要字體比較大

HTML文件本身的范圍變小了，它的結(jié)構(gòu)簡單了，它不需要包含顯示的信息

樣式規(guī)則

CSS的語法很簡單，它使用一組英語詞來表示不同的樣式和特征。

一個(gè)式樣表由一組規(guī)則組成。每個(gè)規(guī)則由一個(gè)“選擇器”（selector）和一個(gè)定義部分組成。每個(gè)定義部分包含一組由半角分號（;）分離的定義。這組定義放在一對大括號（{ }）之間。每個(gè)定義由一個(gè)特性，一個(gè)半角冒號（:）和一個(gè)值組成。

選擇器（Selector）

通常為文件中的元素（element），如html中的body，p，strong等標(biāo)簽，多個(gè)選擇器可以半角逗號（,）隔開。

屬性（property）

CSS1、CSS2、CSS3規(guī)定了許多的屬性，目的在控制選擇器的樣式。

值（value）

指屬性接受的設(shè)定值，可由各種關(guān)鍵字（keyword）組成，多個(gè)關(guān)鍵字時(shí)大都以空格隔開。

要針對沒有標(biāo)簽定義范圍進(jìn)行樣式設(shè)定時(shí)，可利用div與span標(biāo)簽

css樣式遵循什么原則

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

網(wǎng)頁設(shè)計(jì)中的CSS語法由哪兩部分組成呢？

css語法由哪幾部分組成？

CSS語法由三部分構(gòu)成，分別：選擇器、屬性和值。【相關(guān)教程推薦：css視頻教程】

selector {property: value}

選擇器 (selector) 通常是你希望定義的 HTML 元素或標(biāo)簽，屬性 (property) 是你希望改變的屬性，并且每個(gè)屬性都有一個(gè)值。屬性和值被冒號分開，并由花括號包圍，這樣就組成了一個(gè)完整的樣式聲明（declaration）：

body {color: blue}

上面這行代碼的作用是將 body 元素內(nèi)的文字顏色定義為藍(lán)色。在上述例子中，body 是選擇器，而包括在花括號內(nèi)的的部分是聲明。聲明依次由兩部分構(gòu)成：屬性和值，color 為屬性，blue 為值。

值的不同寫法和單位

除了英文單詞 red，我們還可以使用十六進(jìn)制的顏色值 #ff0000：

p { color: #ff0000; }

為了節(jié)約字節(jié)，我們可以使用 CSS 的縮寫形式：

p { color: #f00; }

我們還可以通過兩種方法使用 RGB 值：

p { color: rgb(255,0,0); }

p { color: rgb(100%,0%,0%); }

請注意，當(dāng)使用 RGB 百分比時(shí)，即使當(dāng)值為 0 時(shí)也要寫百分比符號。但是在其他的情況下就不需要這么做了。比如說，當(dāng)尺寸為 0 像素時(shí)，0 之后不需要使用 px 單位，因?yàn)?0 就是 0，無論單位是什么。

記得寫引號

提示：如果值為若干單詞，則要給值加引號：

p {font-family: "sans serif";}

多重聲明：

提示：如果要定義不止一個(gè)聲明，則需要用分號將每個(gè)聲明分開。下面的例子展示出如何定義一個(gè)紅色文字的居中段落。最后一條規(guī)則是不需要加分號的，因?yàn)榉痔栐谟⒄Z中是一個(gè)分隔符號，不是結(jié)束符號。然而，大多數(shù)有經(jīng)驗(yàn)的設(shè)計(jì)師會在每條聲明的末尾都加上分號，這么的好處是，當(dāng)你從現(xiàn)有的規(guī)則中增減聲明時(shí)，會盡可能的減少出錯的可能性。就像這樣：

p {text-align:center; color:red;}

你應(yīng)該在每行只描述一個(gè)屬性，這樣可以增強(qiáng)樣式定義的可讀性，就像這樣：

p {

text-align: center;

color: black;

font-family: arial;

}

空格和大小寫敏感

大多數(shù)樣式表包含不止一條規(guī)則，而大多數(shù)規(guī)則包含不止一個(gè)聲明。多重聲明和空格的使用使得樣式表更容易被編輯：

body {

color: #000;

background: #fff;

margin: 0;

padding: 0;

font-family: Georgia, Palatino, serif;

}

是否包含空格不會影響 CSS 在瀏覽器的工作效果，同樣，與 XHTML 不同，CSS 對大小寫不敏感。不過存在一個(gè)例外：如果涉及到與 HTML 文檔一起工作的話，class 和 id 名稱對大小寫是敏感的。

CSS高級語法：選擇器的分組

你可以對選擇器進(jìn)行分組，這樣，被分組的選擇器就可以分享相同的聲明。

用逗號將需要分組的選擇器分開。在下面的例子中，我們對所有的標(biāo)題元素進(jìn)行了分組。所有的標(biāo)題元素都是綠色的。

當(dāng)前文章：css樣式規(guī)則有什么構(gòu)成,css樣式分如下幾種
文章起源：http://chinadenli.net/article16/dsejgdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、網(wǎng)站維護(hù)、品牌網(wǎng)站制作、網(wǎng)站改版、虛擬主機(jī)、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)