css是由什么組成的

這篇文章主要講解了“css是由什么組成的”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“css是由什么組成的”吧！

css由選擇器和聲明塊組成。選擇器指向需要設(shè)置樣式的HTML元素，聲明塊包含一條或多條用分號(hào)分隔的聲明；每條聲明都包含一個(gè)CSS屬性名稱和一個(gè)屬性值，以冒號(hào)分隔。所有聲明被放置在一對大括號(hào)“{}”內(nèi)，然后整體緊鄰選擇器的后面。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動(dòng)態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。

css由什么組成

樣式是 CSS 最小語法單元，每個(gè)樣式包含兩部分內(nèi)容：選擇器和聲明（規(guī)則）塊。

1) 選擇器

選擇器指向您需要設(shè)置樣式的 HTML 元素。

選擇器告訴瀏覽器該樣式將作用于頁面中哪些對象，這些對象可以是某個(gè)標(biāo)簽、所有網(wǎng)頁對象、指定 class 或 id 值等。瀏覽器在解析這個(gè)樣式時(shí)，根據(jù)選擇器來渲染對象的顯示效果。

2) 聲明塊

聲明塊包含一條或多條用分號(hào)分隔的聲明。

聲明可以增加一個(gè)或者無數(shù)個(gè)，這些聲明告訴瀏覽器如何去渲染選擇器指定的對象。

每條聲明都包含一個(gè) CSS 屬性名稱和一個(gè)值，以冒號(hào)分隔。

所有聲明被放置在一對大括號(hào){ }內(nèi)，然后整體緊鄰選擇器的后面。

3) 屬性

屬性是 CSS 提供的設(shè)置好的樣式選項(xiàng)。屬性名由一個(gè)單詞或多個(gè)單詞組成，多個(gè)單詞之間通過連字符相連。這樣能夠很直觀地表示屬性所要設(shè)置樣式的效果。

4) 屬性值

屬性值用來顯示屬性效果的參數(shù)。它包括數(shù)值和單位，或者關(guān)鍵字。

實(shí)例

在此例中，所有 <p> 元素都將居中對齊，并帶有紅色文本顏色：

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

解釋

p 是 CSS 中的選擇器（它指向要設(shè)置樣式的 HTML 元素：<p>）。

color 是屬性，red 是屬性值

text-align 是屬性，center 是屬性值

感謝各位的閱讀，以上就是“css是由什么組成的”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對css是由什么組成的這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！