CSS與HTLM的比較區(qū)別有哪些

這篇文章將為大家詳細(xì)講解有關(guān)CSS與HTLM的比較區(qū)別有哪些，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

CSS ： Cascading Style Sheet 層疊樣式表

CSS 作用就是給HTML頁(yè)面標(biāo)簽添加各種樣式

為什么用CSS？

HTML的缺陷：

1. 不能夠適應(yīng)多種設(shè)備

2. 要求瀏覽器必須智能化足夠龐大

3. 數(shù)據(jù)和顯示沒(méi)有分開(kāi)

4. 功能不夠強(qiáng)大

CSS 優(yōu)點(diǎn)：

1.使數(shù)據(jù)和顯示分開(kāi)

2.降低網(wǎng)絡(luò)流量

3.使整個(gè)網(wǎng)站視覺(jué)效果一致

4.使開(kāi)發(fā)效率提高了

CSS語(yǔ)法

p{color：red;}

選擇器{屬性名：屬性值 ;}

選擇器后一定是大括號(hào).屬性名后必須用冒號(hào)隔開(kāi).屬性值后用分號(hào)

屬性名和冒號(hào)之間最好不要有空格。

CSS和HTML的結(jié)合方式

CSS代碼理論上位置是任意的，但通常寫在style標(biāo)簽里

CSS和HTML的結(jié)合方式有3種：

a. 行級(jí)樣式表:采用style屬性,范圍只針對(duì)此標(biāo)簽適用

<div style = "border:1px solid red ;">大家好</div>

b. 內(nèi)嵌樣式表:采用<style>標(biāo)簽完成。范圍針對(duì)此頁(yè)面

c. 外部樣式表: 采用建立樣式表文件。針對(duì)多個(gè)頁(yè)面.

引入樣式表文件的方式:

1):采用<link>標(biāo)簽

eg:<link rel = "stylesheet" type = "text/css" href = "a.css"></link>

2):采用import，必須寫在<style>標(biāo)簽中，并且必須是第一句

eg: @import url(a.css) ;

兩種引入方式的區(qū)別：

外部樣式表中不能寫<link>標(biāo)簽,但是可以寫import語(yǔ)句

關(guān)于“CSS與HTLM的比較區(qū)別有哪些”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。