BODY 3鏈接外部CSS樣式，現(xiàn)在創(chuàng)建一個css樣式表文件4這里鼠標右鍵單擊選擇將鏈接存儲在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屬性的應用lth1 ltp style=quotfontsize14pxcolorgreenquot直接在HTML標簽中設置的樣式ltp 實際在寫頁面時不提倡使用，在測試的時候可以使用例如lt。

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

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

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

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

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

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