首先可以直接把css代碼寫(xiě)在現(xiàn)有的HTML標(biāo)簽元素的開(kāi)始標(biāo)簽里面，并且css樣式代碼要寫(xiě)在style=雙引號(hào)中才可以，如pstyle=colorred這里文字是紅色phtml5使用link標(biāo)簽引入外圍的css樣式表新建一個(gè)html文件，命名為test。

在網(wǎng)頁(yè)開(kāi)發(fā)中插入北京圖片使用的css代碼是background，其用法為background 簡(jiǎn)寫(xiě)屬性在一個(gè)聲明中設(shè)置所有的背景屬性，可以設(shè)置如下屬性backgroundcolorbackgroundpositionbackgroundsizebackgroundrepeatbackgroundo。

5添加完成后就可以在右側(cè)的站點(diǎn)中的CSS文件夾下看到剛創(chuàng)建好的CSS樣式表文件了6此時(shí)在html文件中的head標(biāo)簽中，就多了一行鏈接到CSS文件的代碼在頂部tab標(biāo)簽中也可以看到鏈接的樣式表7接下來(lái)在html網(wǎng)頁(yè)編輯頁(yè)面。

嵌入方式指的是在 HTML 頭部中的 標(biāo)簽下書(shū)寫(xiě) CSS 代碼示例content background red 嵌入方式的 CSS 只對(duì)當(dāng)前的網(wǎng)頁(yè)有效因?yàn)?CSS 代碼是在 HTML 文件中，所以會(huì)使得代碼比較集中，當(dāng)寫(xiě)模板網(wǎng)頁(yè)時(shí)這通常比較。

如何在HTML網(wǎng)頁(yè)中使用CSS樣式制作網(wǎng)頁(yè)時(shí)，有四種方法可以添加Css樣式讓我們來(lái)看看這四種方式1使用樣式屬性直接將樣式屬性添加到單個(gè)組件標(biāo)簽屬性attribute2設(shè)置值2 例如字體大小9pt字體系列行高150。

1，內(nèi)聯(lián)樣式 內(nèi)聯(lián)樣式是直接在html標(biāo)簽上定義該標(biāo)簽的css樣式，如 2，內(nèi)部樣式 內(nèi)部樣式是寫(xiě)在html文件中，且包含在代碼塊中，如 boxwidth200pxheight30px 3，外部樣式 外部樣式是通過(guò)在html中引用外部。

1內(nèi)聯(lián)式css樣式表就是把css代碼直接寫(xiě)在現(xiàn)有的HTML標(biāo)簽中，如下面代碼pstyle=colorredfontsize12px這里文字是紅色p 2嵌入式，嵌入式css樣式，就是可以把css樣式代碼寫(xiě)在styletype=textcssXXXstyle。

打開(kāi)一個(gè)html代碼頁(yè)面，創(chuàng)建一個(gè)p標(biāo)簽使用css設(shè)置背景圖片邊框?yàn)?px的虛線邊框 保存html代碼后使用瀏覽器打開(kāi)，即可看到p標(biāo)簽上顯示了一個(gè)虛線的邊框 css設(shè)置邊框的方法1在一個(gè)border簡(jiǎn)寫(xiě)屬性設(shè)置邊框2按照border。

解html引用css方法的例子 1直接在html標(biāo)簽元素內(nèi)嵌入css樣式，如我是div css測(cè)試內(nèi)容支持 效果如下圖 2在html頭部head部分內(nèi)style聲明插入代碼如下 lt！ ceshi fontsize14px color#FF0000*這里是設(shè)。

2所有的CSS控制都是針對(duì)單獨(dú)的面，沒(méi)有多余的CSS代碼3同樣頁(yè)面中相同的樣式可以重復(fù)使用二 使用內(nèi)部樣式的缺點(diǎn) 1只能在一個(gè)頁(yè)面中使用 2網(wǎng)站更換風(fēng)格麻煩 3Css在html頁(yè)面中，頁(yè)面顯得臃腫 三 適用于個(gè)別。

1 以上是最簡(jiǎn)單的一種方式，可以在網(wǎng)頁(yè)中直接加入，不過(guò)不能多代碼的加入，只可以簡(jiǎn)單的幾行代碼的加入2div backgroundcolor blue 同在一個(gè)屋檐之下的一種表達(dá)方式，也是可以的，代碼量可以加大，只是屬于個(gè)人。

@import urlquotlayoutcssquot行內(nèi)這種調(diào)用看似隨便，但是當(dāng)你需要重寫(xiě)某個(gè)屬性值時(shí)，這種寫(xiě)法至關(guān)重要它的優(yōu)先級(jí)別僅次于！importantstyle=quotzindex2000quot補(bǔ)充一下，js腳本添加頁(yè)面效果修改原理也是改寫(xiě)style。

為了實(shí)現(xiàn)上下移門(mén)動(dòng)畫(huà)效果，你需要使用HTMLCSS和JavaScript來(lái)編寫(xiě)代碼具體來(lái)說(shuō)，你可以使用HTML來(lái)構(gòu)建網(wǎng)頁(yè)的結(jié)構(gòu)，使用CSS來(lái)設(shè)置網(wǎng)頁(yè)的樣式，并使用JavaScript來(lái)實(shí)現(xiàn)動(dòng)畫(huà)效果具體的實(shí)現(xiàn)方法可以參考以下步驟在HTML中使用一個(gè)。

如果對(duì)寫(xiě)代碼不是很流利的話可以用DW 手動(dòng)引入，操作步驟圖片如下選擇好了點(diǎn)擊確認(rèn)就可以了添加好了之后你會(huì)看到就是上面所示的代碼那么第二種添加css樣式的方法是網(wǎng)頁(yè)里添加css樣式 header 這種方式不推薦哦。

1使用Embed嵌入樣式單排版樣式即將CSS代碼直接插入每個(gè)頁(yè)面的HTML的區(qū)，就象上一節(jié)看到的使用標(biāo)簽例如 lt！ h2 fontfamily quot宋體quot fontsize 12pt fontstyle italic color #FF0033。