CSS樣式表的作用及特點

CSS可以很方便的用來控制網(wǎng)頁的外觀。主要有以下特點：

10年積累的成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有蒸湘免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

1.可以同時更新多個網(wǎng)頁的樣式。

2.使網(wǎng)頁的表示層與結(jié)構(gòu)層徹底分離

3.大大減小了網(wǎng)頁文件的大下

4.加快了網(wǎng)頁的加載速度

現(xiàn)在用CSS來布局網(wǎng)頁已經(jīng)是一種潮流，如果要向網(wǎng)頁設(shè)計方面發(fā)展，必須精通CSS。

什么是CSS樣式表？

CSS是Cascading Style Sheet 的縮寫。譯層疊樣式表單、集聯(lián)樣式表等。

舉個例子。比如table或div就是做房子的磚瓦，用他們把整個網(wǎng)站的框架搭好。而css就是房子的裝飾。一個網(wǎng)站沒有修飾是很難看的。

我們用CSS通常來修飾網(wǎng)站的色彩，文字等等。

要想了解更多關(guān)于CSS的，可以在網(wǎng)上搜搜，網(wǎng)上很多的。我只是用我的實踐跟你講。最后我只想說，樣式和架框是分不開的。希望對你有幫助。

CSS 樣式表有哪幾種？

1.1 內(nèi)聯(lián)樣式表

在標(biāo)簽中直接添加style 例：p style=“” /p

1.2 內(nèi)嵌樣式表

作為一個獨立區(qū)域內(nèi)嵌在網(wǎng)頁內(nèi)，必須卸載head標(biāo)簽內(nèi)

例：head

style=“”

/style

/head

1.3 外部樣式表

即css樣式表，需要新建一個css文件，用來放樣式表。如果在html文件中調(diào)用樣式表，需在html文件中點擊 右鍵→CSS樣式→附加樣式表。（一般用link連接方式）

注：有些標(biāo)簽會有默認(rèn)的邊距，一般寫代碼的時候會先去除（也可以設(shè)置其他需要的樣式）

* （對所有標(biāo)簽起作用）

{margin：0px； （邊距）

padding：0px；} （間距）

CSS樣式表有哪幾類規(guī)則?

1、內(nèi)聯(lián)樣式表

直接在HTML標(biāo)記內(nèi)，插入sytle屬性，再定義要顯示的樣式，這是最簡單的樣式定

義方法。不過，利用這種方法定義樣式時，效果只可以控制該標(biāo)記，其語法如下：

標(biāo)記名稱 style="樣式屬性:屬性值;樣式屬性:屬性值"

如：body style=" color:#FF0000;font-family:"宋體";cursor:url(3151.ani);"

2、 嵌入樣式表

style type="text/css"

內(nèi)部樣式表是把樣式表放到頁面的head區(qū)里，這些定義的樣式就應(yīng)用到頁面中了，樣式表是用style標(biāo)記插入的

head

……

style type="text/css"

!--

hr {color: sienna}

p {margin-left: 20px}

body {background-image: url("images/back40.gif")}

--

/style

……

/head

style元素是用來說明所要定義的樣式。TYPE屬性是指定style元素以css的語法定義。有些低版本的瀏覽器不能識別style標(biāo)記，這意味著低版本的瀏覽器會忽略style標(biāo)記里的內(nèi)容，并把style標(biāo)記里的內(nèi)容以文本直接顯示到頁面上。為了避免這樣的情況發(fā)生，我們用加HTML注釋的方式!-- 注釋 --隱藏內(nèi)容而不讓它顯示。

3、外部樣式表

link href="樣式表地址" rel="stylesheet" type="text/css" /

4、輸入樣式表

可以使用css的@import聲明將一個外部樣式表文件輸入到另外一個css文件中，被輸入的css文件中的樣式規(guī)則定義語句就成為了輸入到的css文件的一部分，也可以使用@import聲明將一個css文件輸入到網(wǎng)頁文件的style/style標(biāo)簽對中，被輸入的css文件中的樣式規(guī)則定義語句就成了style/style標(biāo)簽對中的語句。

style

@import url(http://……)

/stypel