樣式但背后的概念很簡(jiǎn)單钠乏，創(chuàng)建一個(gè)獨(dú)立的樣式單獨(dú)文檔明刷，一指定字體腿时、顏色良瞧、背景和其他確定網(wǎng)站外觀的特這事格。然后連接需要使用該樣式單的所有網(wǎng)頁(yè)蛮放，而不是在每個(gè)文檔中都重復(fù)指定這些樣式渺绒。
CSS工作原理
樣式單背后的技術(shù)被稱(chēng)為CSS签餐，這是層疊樣式單的縮寫(xiě)弄诲。CSS是一種定義樣式機(jī)構(gòu)如字體愚战、顏色、位置等的語(yǔ)言齐遵。
CSS入門(mén)
CSS中的樣式屬性分為兩大類(lèi)
- 布局屬性寂玲，位置屬性
- 格式化屬性，視覺(jué)顯示
布局屬性
用于決定內(nèi)容在網(wǎng)頁(yè)上如何排列,最重要之一 display,有四個(gè)可取值
- block:元素顯示在下一行梗摇，作為一個(gè)新段落
- list-tiem：元素顯示在下一行敢茁，前面有列表標(biāo)記（項(xiàng)目符合）
- inline:顯示在當(dāng)前段落內(nèi)
- none:元素隱藏不顯示
樣式類(lèi)
- 選擇符
h1 { color:red; }
- class標(biāo)簽
h1.abcxdx { color:green; } <h1 class = "abcxdx">green here </h1>
使用樣式ID
樣式ID是一組自定義的格式化規(guī)范，可以只應(yīng)用到網(wǎng)頁(yè)中的一個(gè)元素留美≌妹剩可以在一組頁(yè)面中使用ID，但是每頁(yè)只使用一次
p#title{ font:24pt }
<p id="title">some title </p>
內(nèi)部樣式和內(nèi)聯(lián)樣式
如果要指定只用于一個(gè)網(wǎng)頁(yè)的樣式谎砾，可將樣式單放在標(biāo)簽<style></style>
內(nèi)逢倍，直接包含咋HTML文檔中。這種樣式稱(chēng)為內(nèi)部樣式單景图。
內(nèi)聯(lián)樣式（inline）：能夠稱(chēng)為頁(yè)面的一小部分较雕，如單個(gè)元素指定樣式。例如：可以在&alp>挚币、<div>或<span>標(biāo)簽中使用sytle屬性創(chuàng)建應(yīng)用規(guī)則亮蒋。
<p style="color:green">
This text is green,but<span sytle="color:red">this text is red.</span>
</p>
<p>default color </p>
