《CSS線(xiàn)上手冊(cè)》為官方CSS線(xiàn)上參考手冊(cè)，本CSS線(xiàn)上開(kāi)發(fā)手冊(cè)包含了各種css屬性、定義、使用方法，實(shí)例運(yùn)行等，是WEB程式設(shè)計(jì)學(xué)習(xí)及開(kāi)發(fā)者不可或缺的線(xiàn)上查詢(xún)手冊(cè)！ CSS：層疊樣式表(英文全名：Cascading Style Sheets)是一種用來(lái)表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）。
CSS即層疊樣式表(英文全名：Cascading Style Sheets)是一種用來(lái)表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的電腦語(yǔ)言。
CSS不僅可以靜態(tài)修飾網(wǎng)頁(yè)，還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化。
CSS能夠?qū)W(wǎng)頁(yè)中元素位置的排版進(jìn)行像素級(jí)精確控制，支援幾乎所有的字體字號(hào)樣式，擁有對(duì)網(wǎng)頁(yè)物件和模型樣式編輯的能力。
提示：在繼續(xù)學(xué)習(xí)CSS之前，你需要對(duì)HTML以及XHTML知識(shí)有基本的了解。
CSS語(yǔ)言基礎(chǔ)
屬性
#屬性的名字是一個(gè)合法的標(biāo)識(shí)符，它們是CSS語(yǔ)法中的關(guān)鍵字。一種屬性規(guī)定了格式修飾的一個(gè)面向。
例如：color是文字的顏色屬性，而text-indent則規(guī)定了段落的縮排。
屬性值
#整數(shù)與實(shí)數(shù)
長(zhǎng)度量
百分?jǐn)?shù)
#選擇器
CSS選擇器用於選擇你想要的元素的樣式的模式。 HTML頁(yè)面中的元素就是透過(guò)CSS選擇器來(lái)控制的。
每一條css樣式定義由兩個(gè)部分組成，形式如下：?
[code] 選擇器{樣式} [/code] 在{}之前的部分就是「選擇器」。 「選擇器」指明了{(lán)}中的「樣式」的作用對(duì)象，也就是「樣式」作用於網(wǎng)頁(yè)中的哪些元素。
下面就介紹樣式表定義給大家是如何顯示 HTML 元素的。
建立並執(zhí)行第一個(gè)CSS實(shí)例！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
</style>
</head>
<body>
<h1>CSS 實(shí)例!</h1>
<p>這是一個(gè)段落。</p>
</body>
</html>是不是非常簡(jiǎn)單！ CSS為HTML標(biāo)記語(yǔ)言提供了一種樣式描述，定義了其中元素的顯示方式。 CSS在Web設(shè)計(jì)領(lǐng)域是一個(gè)突破。利用它可以實(shí)現(xiàn)修改一個(gè)小的樣式更新與之相關(guān)的所有頁(yè)面元素。
提示：我們的CSS教學(xué)將幫助您逐步如何使用 CSS 同時(shí)控制多重網(wǎng)頁(yè)的樣式和佈局。如果你有任何疑問(wèn)，請(qǐng)前往PHP中文網(wǎng)CSS社群提出你的問(wèn)題，會(huì)有熱心網(wǎng)友為你解答。
CSS語(yǔ)言的特點(diǎn)
豐富的樣式定義：CSS提供了豐富的文件樣式外觀(guān)，以及設(shè)定文字和背景屬性的能力；允許為任何元素建立邊框，以及元素邊框與其他元素之間的距離，以及元素邊框與元素內(nèi)容間的距離；允許隨意改變文字的大小寫(xiě)方式、修飾方式以及其他頁(yè)面效果。
易於使用和修改：CSS可以將樣式定義在HTML元素的style屬性中，也可以定義在HTML文檔的header部分，也可以將樣式聲明在一個(gè)專(zhuān)門(mén)的CSS文件中，以供HTML頁(yè)面引用?？傊珻SS樣式表可以將所有的樣式聲明統(tǒng)一存放，進(jìn)行統(tǒng)一管理。
另外，可以將相同樣式的元素進(jìn)行歸類(lèi)，使用同一個(gè)樣式定義，也可以將某個(gè)樣式套用到所有同名的HTML標(biāo)籤中，也可以將一個(gè)CSS樣式指定到某個(gè)頁(yè)面元素中。如果要修改樣式，我們只需要在樣式清單中找到相應(yīng)的樣式聲明進(jìn)行修改。
多重頁(yè)面應(yīng)用程式：CSS樣式表可以單獨(dú)存放在一個(gè)CSS檔案中，這樣我們就可以在多個(gè)頁(yè)面中使用同一個(gè)CSS樣式表。 CSS樣式表理論上不屬於任何頁(yè)面文件，在任何頁(yè)面文件中都可以將其引用。這樣就可以實(shí)現(xiàn)多個(gè)頁(yè)面風(fēng)格的統(tǒng)一。
層疊：簡(jiǎn)單的說(shuō)，層疊就是對(duì)一個(gè)元素多次設(shè)定同一個(gè)樣式，這將使用最後一次設(shè)定的屬性值。例如對(duì)一個(gè)網(wǎng)站中的多個(gè)頁(yè)面使用了同一套CSS樣式表，而某些頁(yè)面中的某些元素想使用其他樣式，就可以針對(duì)這些樣式單獨(dú)定義一個(gè)樣式表應(yīng)用到頁(yè)面中。這些後來(lái)定義的樣式將對(duì)前面的樣式設(shè)定進(jìn)行重寫(xiě)，在瀏覽器中看到的將是最後面設(shè)定的樣式效果。
頁(yè)面壓縮：在使用HTML定義頁(yè)面效果的網(wǎng)站中，往往需要大量或重複的表格和font元素形成各種規(guī)格的文字樣式，這樣做的後果就是會(huì)產(chǎn)生大量的HTML標(biāo)籤，從而使頁(yè)面檔案的大小增加。而將樣式的聲明單獨(dú)放到CSS樣式表中，可以大大的減少頁(yè)面的體積，這樣在載入頁(yè)面時(shí)使用的時(shí)間也會(huì)大大的減少。另外，CSS樣式表的複用更大程度的縮減了頁(yè)面的體積，減少下載的時(shí)間。
本CSS教學(xué)手冊(cè)涵蓋的內(nèi)容
本CSS教學(xué)手冊(cè)涵蓋了所有CSS基礎(chǔ)知識(shí)，包含CSS定義、CSS語(yǔ)法、CSS屬性、CSS使用方法、 CSS響應(yīng)式的介紹以及許多線(xiàn)上實(shí)例和完整的CSS屬性參考手冊(cè)等等。
提示：本教學(xué)的每一章都包含了很多CSS實(shí)例，您可以直接點(diǎn)擊?"運(yùn)行實(shí)例"?按鈕在線(xiàn)查看運(yùn)行結(jié)果。這些例子將幫助您更好地理解和使用CSS語(yǔ)言。
其它CSS相關(guān)學(xué)習(xí)參考資源
除了本頁(yè)面右邊的知識(shí)拓展，也為大家精選了以下資源
#最新章節(jié)
- 框架 2016-10-18
- 視頻(Video) 2016-10-18
- 圖片 2016-10-18
- 媒體查詢(xún) 2016-10-18
- 網(wǎng)格視圖 2016-10-18
- Viewport 2016-10-18
- CSS 實(shí)例 2016-10-18
- CSS 總結(jié) 2016-10-18
相關(guān)課程
- Web前端開(kāi)發(fā)極速入門(mén) 2021-12-10
- 最懂你的大前端課：HTML5/CSS3/ES6/NPM/Vue/...【原文】 2022-09-30
- Gulp入門(mén)影片教學(xué) 2022-04-18
- 兄弟連高洛峰CSS3影片教程 2022-04-20
- AngularJS開(kāi)發(fā)Web應(yīng)用程式基礎(chǔ)實(shí)例影片教學(xué) 2022-04-18
- Ajax全接觸 2022-04-13
- MUI框架基礎(chǔ)影片教學(xué) 2022-04-13
- 線(xiàn)上訓(xùn)練班試聽(tīng)課 2019-01-10