有兩種方式 1在head標(biāo)簽之間添加style標(biāo)簽 2直接在HTML代碼里添加style屬性，然后在屬性里定義css代碼 3也可以將1中的style標(biāo)簽里的內(nèi)容放到一個(gè)css文件里，然后在html頁(yè)面引用這個(gè)文件也是一樣的效果 ltlink href=quotcss文件路徑quot rel=quotstylesheetquot lt！這樣就可以了，盡量代碼簡(jiǎn)潔 4；有 4 種方式可以在 HTML 中引入 CSS其中有 2 種方式是在 HTML 文件中直接添加 CSS 代碼，另外兩種是引入 外部 CSS 文件1內(nèi)聯(lián)方式 內(nèi)聯(lián)方式指的是直接在 HTML 標(biāo)簽中的 style 屬性中添加 CSS示例ltdiv style=quotbackground redquotltdiv 這通常是個(gè)很糟糕的書(shū)寫(xiě)方式，它只能改變當(dāng)前標(biāo)；在HTML中引入CSS的方法主要有四種，它們分別是行內(nèi)式內(nèi)嵌式鏈接式和導(dǎo)入式1行內(nèi)式 行內(nèi)式是在標(biāo)記的style屬性中設(shè)定CSS樣式這種方式?jīng)]有體現(xiàn)出CSS的優(yōu)勢(shì)，不推薦使用2嵌入式 嵌入式是將CSS樣式集中寫(xiě)在網(wǎng)頁(yè)的ltheadlthead標(biāo)簽對(duì)的ltstyleltstyle標(biāo)簽對(duì)中格式如下lthead ltstyl。

當(dāng)特殊的樣式需要應(yīng)用到個(gè)別元素時(shí)，就可以使用內(nèi)聯(lián)樣式 使用內(nèi)聯(lián)樣式的方法是在相關(guān)的標(biāo)簽中使用樣式屬性樣式屬性可以包含任何 CSS 屬性以下實(shí)例顯示出如何改變段落的顏色和左外邊距l(xiāng)tp style=quotcolor red marginleft 20pxquotThis is a paragraphltp2使用腳本 HTML script 元素 ltscript；在html網(wǎng)頁(yè)中引入引入css主要有以下四種方式1行內(nèi)式 ltp style=”colorred”網(wǎng)頁(yè)中css的導(dǎo)入方式ltp 2嵌入式 ltstyle type=”textcss” P colorred ltstyle 嵌入式一般寫(xiě)在head中，對(duì)于單個(gè)頁(yè)面來(lái)說(shuō)，這種方式很方便3導(dǎo)入式 lt！ 導(dǎo)入外部樣式在內(nèi)部樣式表的lt；1如果css和html放在同一文件夾，那么這樣寫(xiě)href=quot41cssquot 或 href=quot41cssquot2如果css放在html的上級(jí)文件夾，則這樣寫(xiě)href=quot41cssquot3如果css放在html的下級(jí)文件夾假定名為sub，則應(yīng)該這樣寫(xiě)href=quotsub41cssquot 或 href=quotsub41cssquot4如果css放在html的上級(jí)。

1直接在div中使用css樣式制作div+css網(wǎng)頁(yè) 2html中使用style自帶式 3使用@import引用外部CSS文件 4使用link引用外部CSS文件 推薦此方法 解html引用css方法的例子 1直接在html標(biāo)簽元素內(nèi)嵌入css樣式，如ltdiv style=quotfontsize14px color#FF0000quot我是div css測(cè)試內(nèi)容支持ltdiv 效果；1lthtmlltdiv style=quotbackgroundbluequotltdivlthtml 以上是最簡(jiǎn)單的一種方式，可以在網(wǎng)頁(yè)中直接加入，不過(guò)不能多代碼的加入，只可以簡(jiǎn)單的幾行代碼的加入2lthtmlltstyle type=quottextcssquotdiv backgroundcolor blueltstyleltdivltdivlthtml 同在一個(gè)屋檐之下的一種表達(dá)方；有3種方式分別如下1行間樣式表內(nèi)聯(lián)樣式ltdiv style=quotquotltdiv 2內(nèi)部樣式表 ltstyle 選擇器｛屬性屬性值｝ ltstyle 3外部樣式表 ltlink href=quotstylecssquot rel=quotstylesheet“ type=“textcss”；Html中引入css的主要方式有四種，分別是外部樣式內(nèi)部樣式內(nèi)聯(lián)樣式導(dǎo)入式一外部樣式 一 使用外部樣式的好處 1減少代碼量 ，網(wǎng)站中相同部分的樣式只需要編寫(xiě)一次，我們只需要把css文件引入到不同的html頁(yè)面中即可實(shí)現(xiàn)展示效果2更改網(wǎng)站風(fēng)格方便，我們可以通過(guò)修改一個(gè)css文件就可以實(shí)現(xiàn)整個(gè)；上邊的第一種我們是把樣式寫(xiě)在body里的標(biāo)簽中，第二種方法是寫(xiě)在了head標(biāo)簽中，而這兩種方法都讓我們看起來(lái)有些亂，也不容易管理和維護(hù)，所以有了第三種方法，鏈接外部css樣式 現(xiàn)在就來(lái)建立一個(gè)css樣式表文件 存儲(chǔ)在css文件夾中 在html文件中寫(xiě)入鏈接代碼，代碼如下 link rel=#34stylesheet#34。

3以上兩種HTML和css的結(jié)合都是在同個(gè)頁(yè)面，代碼量多的情況下就不好區(qū)分了，這時(shí)可以創(chuàng)建一個(gè)外部css樣式文件右鍵點(diǎn)擊桌面先創(chuàng)建一個(gè)記事本文檔，然后將文檔的擴(kuò)展名改為“css”將該css樣式文件與HTML放在同個(gè)磁盤(pán)中以便調(diào)用4將css樣式文件創(chuàng)建好后，使用Sublime編輯器打開(kāi)css樣式文件，在文件；CSS的引入方式共有三種行內(nèi)樣式內(nèi)部樣式表外部樣式表外部樣式用的挺多，我舉例介紹css文件html文件效果如下；html有三種寫(xiě)css的方式行內(nèi)式，就是直接把樣式寫(xiě)在html標(biāo)簽上，通過(guò)style屬性?xún)?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 新建一個(gè)html文件，命名為testhtml，用于講解html中如何導(dǎo)入css請(qǐng)點(diǎn)擊輸入圖片描述 2 在testhtml文件內(nèi)，使用div創(chuàng)建一個(gè)模塊，下面將對(duì)該div進(jìn)行css樣式的定義請(qǐng)點(diǎn)擊輸入圖片描述 3 在testhtml文件內(nèi)，設(shè)置div的class屬性為mydiv，主要用于css文件對(duì)該類(lèi)名進(jìn)行樣式定義請(qǐng)點(diǎn)擊輸入圖片描述 4；在制作一個(gè)網(wǎng)頁(yè)的時(shí)候，Css樣式的添加一共有四種方式，一起來(lái)看看這四種方式一使用STYLE屬性 將STYLE屬性直接加在個(gè)別的元件標(biāo)簽里lt元件標(biāo)簽 STYLE=quot性質(zhì)屬性1 設(shè)定值1 性質(zhì)屬性2 設(shè)定值2 例如ltTD STYLE=quotCOLORBLUE fontsize9pt fontfamilyquot標(biāo)楷體quot。

1鏈入外部樣式表，就是把樣式表保存為一個(gè)樣式表文件，然后在頁(yè)面中用ltlink rel=quotstylesheetquot type=quottextcssquot href=quot*cssquot鏈接這個(gè)樣式表文件2內(nèi)部樣式表，就是把樣式表放到頁(yè)面的lthead區(qū)里3導(dǎo)入外部樣式表，用@import，在lthead與ltheadltstyle type=quottextcssquot lt！ import quot*。