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

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

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

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

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

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

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

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

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

css的作用

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

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

2、 易維護(hù)

CSS提供了一種簡單的方法來更新文檔的格式，并保持多個(gè)文檔之間的一致性。因?yàn)榭梢允褂靡粋€(gè)或多個(gè)樣式表輕松控制整個(gè)網(wǎng)頁集的內(nèi)容。

3、頁面加載速度更快

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

4、HTML的高級(jí)樣式

CSS比HTML具有更廣泛的表示能力，并且對(duì)網(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è)計(jì)理由：

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

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

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

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

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

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

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

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

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

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