css在web中的作用：1、CSS為設(shè)置元素的樣式屬性提供了很大的靈活性，可節(jié)省大量時間；2、提供了一種簡單的方法來更新文檔的格式，并保持多個文檔之間的一致性；3、減少了文件傳輸?shù)拇笮?，從而?dǎo)致了更快的頁面加載；4、對網(wǎng)頁的布局提供了更好的控制；5、允許為多種設(shè)備或媒體優(yōu)化網(wǎng)頁，可以為不同的呈現(xiàn)設(shè)備以不同的查看樣式表示相同的HTML文檔。

前端（vue）入門到精通課程：進(jìn)入學(xué)習(xí)
API 文檔、設(shè)計、調(diào)試、自動化測試一體化協(xié)作工具：點擊使用

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

css（Cascading Style Sheets，層疊樣式表），它是一種用來表現(xiàn)HTML或XML等文件樣式的計算機(jī)語言，是用來表示html樣式的一種編程語言，是可以做到網(wǎng)頁和內(nèi)容進(jìn)行分離的一種樣式語言。

CSS主要用來設(shè)計網(wǎng)頁的樣式，美化網(wǎng)頁；它不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。

CSS 能夠?qū)W(wǎng)頁中元素位置的排版進(jìn)行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力。

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

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

在css進(jìn)入前端語言之前，很多一部分人都把css當(dāng)做一種前端語言，發(fā)展至今，css不僅能裝飾網(wǎng)頁，也可以配合各種腳本對于網(wǎng)頁進(jìn)行格式化。

css的作用

1、CSS節(jié)省大量時間

CSS為設(shè)置元素的樣式屬性提供了很大的靈活性。您可以編寫一次CSS；然后可以將相同的代碼應(yīng)用于HTML元素組，也可以在多個HTML頁面中重用。

2、 易維護(hù)

CSS提供了一種簡單的方法來更新文檔的格式，并保持多個文檔之間的一致性。因為可以使用一個或多個樣式表輕松控制整個網(wǎng)頁集的內(nèi)容。

3、頁面加載速度更快

CSS使多頁能夠共享格式信息，從而減少了文檔結(jié)構(gòu)內(nèi)容的復(fù)雜性和重復(fù)性。它顯著地減少了文件傳輸?shù)拇笮?，從而?dǎo)致了更快的頁面加載。

4、HTML的高級樣式

CSS比HTML具有更廣泛的表示能力，并且對網(wǎng)頁的布局提供了更好的控制。因此，與HTML表示元素和屬性相比，您可以更好地查看您的網(wǎng)頁。

5、多設(shè)備兼容性

CSS還允許為多種設(shè)備或媒體優(yōu)化網(wǎng)頁。使用CSS，可以為不同的呈現(xiàn)設(shè)備(如桌面、手機(jī)等)以不同的查看樣式表示相同的HTML文檔。

使用CSS進(jìn)行整站網(wǎng)頁設(shè)計理由：

1、強(qiáng)大的字體控制和排版能力。css控制字體的能 力比糟糕的font標(biāo)簽好多了，有了css，我們不再需要用font標(biāo)簽或者透明的1 px gif圖片來控制標(biāo)題，改變字體顏色，字體樣式等等。

2、css將從基礎(chǔ)開始建設(shè)直到全面替代傳統(tǒng)web設(shè)計方法。w3c組織創(chuàng) 建的css技術(shù)將替代html的表格、font標(biāo)簽、fr_ames以及其它用于表現(xiàn)的html元素。

3、提高頁面瀏覽速度。使用css 方法，比傳統(tǒng)的web設(shè)計方法至少節(jié)約50%以上的文件尺寸。

4、縮短改版時間。只要簡單的修改幾個css文件就可以重新設(shè)計一個有成百上千頁面的站點。

5、css非常容易編寫。你可以象寫html代碼一樣輕松地編寫css。

6、表現(xiàn)和內(nèi)容相分離。將設(shè)計部分剝離出來放在一個獨立樣式文件中，你可以減 少未來網(wǎng)頁無效的可能。

7、可以一次設(shè)計，隨處發(fā)布。你的設(shè)計不僅僅用于web瀏覽器，也可以發(fā)布在其他設(shè)備上，比如 powerpoint。 　

8、更好的控制頁面布局。不用多說。

9、更方便搜索引擎的搜索。用只包含結(jié)構(gòu)化內(nèi)容的html代替嵌套的標(biāo)簽，搜索引擎將更有效地搜索到你的內(nèi)容，并可能給你一個較高的評價。

10、提高易用性。使用css可以結(jié)構(gòu)化html，例如：標(biāo)簽只用來控制段落，heading標(biāo)簽只用來控制標(biāo)題，table標(biāo)簽只用來表現(xiàn)格式化的數(shù)據(jù)等等。你可以增加