BODY 3鏈接外部CSS樣式，現(xiàn)在創(chuàng)建一個(gè)css樣式表文件4這里鼠標(biāo)右鍵單擊選擇將鏈接存儲(chǔ)在css文件夾中5在html文件中寫下鏈接代碼，代碼如下ltlink rel =“stylesheet”type =“text css”href =“css indexcss”6之后，您可以看到HTML文件的源代碼并查看我們連接的css文件。

CSS的引入方式共有三種行內(nèi)樣式內(nèi)部樣式表外部樣式表一行內(nèi)樣式 使用style屬性引入CSS樣式示例lth1 style=quotcolorredquotstyle屬性的應(yīng)用lth1 ltp style=quotfontsize14pxcolorgreenquot直接在HTML標(biāo)簽中設(shè)置的樣式ltp 實(shí)際在寫頁(yè)面時(shí)不提倡使用，在測(cè)試的時(shí)候可以使用例如lt。

html如何跟css鏈接1首先，下載html5開發(fā)軟件IntellijIDEA，這個(gè)直接在百度搜索框中搜索即可打開軟件，點(diǎn)擊file，選擇Newproject，在彈出的對(duì)話框中，選擇staticweb選項(xiàng)中的html5，點(diǎn)擊next，在新對(duì)話框中，輸入項(xiàng)目名稱，點(diǎn)擊finish2首先打開DreamweaverCC2018軟件新建一個(gè)html文件，在右上角點(diǎn)擊CSS設(shè)計(jì)。

HTML 中引入 CSS 的方式 有 4 種方式可以在 HTML 中引入 CSS其中有 2 種方式是在 HTML 文件中直接添加 CSS 代碼，另外兩種是引入 外部 CSS 文件下面我們就來(lái)看看這些方式和它們的優(yōu)缺點(diǎn)內(nèi)聯(lián)方式 內(nèi)聯(lián)方式指的是直接在 HTML 標(biāo)簽中的 style 屬性中添加 CSS示例ltdiv style=quotbackground。

對(duì)于一些比較大的網(wǎng)站，為了便于維護(hù)，可能會(huì)希望把所有的css樣式分類別放到幾個(gè)CSS文件中，這樣如果使用連接式引入，就需要幾個(gè)語(yǔ)句分別導(dǎo)入CSS文件如果要調(diào)整CSS文件的分類，就需要同時(shí)調(diào)整HTML文件，這對(duì)于維護(hù)工作來(lái)說(shuō)，是一個(gè)缺陷，如果使用導(dǎo)入式，則可以只引進(jìn)一個(gè)總的CSS文件，在這個(gè)文件中再導(dǎo)入。

3Html頁(yè)面渲染時(shí)，css文件能夠被同時(shí)加載4結(jié)構(gòu)與表現(xiàn)分離，便于后期維護(hù)二 適用于多個(gè)頁(yè)面需要相同樣式內(nèi)容的時(shí)候使用 三 書寫位置新建單獨(dú)的后綴名為css文件，使用link標(biāo)簽引入到html頁(yè)面中，將link標(biāo)簽放到Html頁(yè)面的head標(biāo)簽中 例rel規(guī)定當(dāng)前文檔與被連接文檔之間的關(guān)系href規(guī)定為。

html有三種寫css的方式行內(nèi)式，就是直接把樣式寫在html標(biāo)簽上，通過(guò)style屬性內(nèi)嵌式，就是在head標(biāo)簽中在創(chuàng)建個(gè)stylw標(biāo)簽，通過(guò)選擇器來(lái)給標(biāo)簽設(shè)置樣式外聯(lián)式，就是在head標(biāo)簽中創(chuàng)建link標(biāo)簽，通過(guò)href引入其他的css文件，如下圖。

1當(dāng)我們不導(dǎo)入外部CSS樣式表時(shí)，我們通常用html編寫樣式，兩種方式使我們共同，第一種為下圖2一行代碼引入外部的CSS文件即可linkrel=stylesheethref=cssstylecss這樣css文件就與HTML鏈接起來(lái)了這里要注意的是html里的ID選擇器和類選擇器要對(duì)應(yīng)上3首先打開DreamweaverCC2018軟件新建一個(gè)html文件。