1首先在電腦端找到Dw軟件，進(jìn)行打開(kāi)操作，然后新建一個(gè)html文件2新建文件完成之后，寫入一個(gè)div代碼操作，如圖所示3寫入div代碼之后，引入一個(gè)css樣式，如圖代碼操作所示4引入樣式代碼之后，打開(kāi)引入的css文件。

5可以通過(guò)簡(jiǎn)單的更改CSS文件，改變網(wǎng)頁(yè)的整體表現(xiàn)形式，可以減少我們的工作量，所以她是每一個(gè)網(wǎng)頁(yè)設(shè)計(jì)人員的必修課5CSS是由W3C的CSS工作組產(chǎn)生和維護(hù)的如何將樣式表加入到網(wǎng)頁(yè) 可以用以下三種方式將樣式表加入您的網(wǎng)頁(yè)。

可以通過(guò)設(shè)置一個(gè)span元素，賦予css樣式實(shí)現(xiàn)css代碼如下主要css屬性是borderrightborderright1px solid graypaddingright10pxpaddingleft10px假設(shè)一個(gè)div，包含三個(gè)span元素也可以是任何兩個(gè)具有第三批。

隨機(jī)載入CSS樣式的JS效果實(shí)際上很好實(shí)現(xiàn)，本文的代碼如下，具體思路是用一個(gè)默認(rèn)的CSS樣式defaultcss另外再用三個(gè)其他名稱的CSSskin1css，skin2css，skin3css當(dāng)然你可以用更多的樣式表，隨后在載入時(shí)進(jìn)行隨機(jī)。

CSS樣式表代碼布局基礎(chǔ)教程課程10外部樣式表一 十外部樣式表 外部樣式表是把各種樣式單獨(dú)存在一個(gè)文件里，供其他多個(gè)網(wǎng)頁(yè)調(diào)用，下面我們來(lái)看一個(gè)練習(xí) 1文本編輯器 1打開(kāi)記事本或 geditleafpad 文本編輯器，gedit 在查看菜單。

樣式類樣式代碼 藍(lán)色 背景色藍(lán)色顏色#FFFred 背景色＃E20A0A顏色#FFF 黃色 背景顏色黃色顏色#fff lt樣式 3此時(shí)，我們的選擇下拉框調(diào)用樣式類樣式代碼如下lt選擇 123 lt。

行內(nèi)樣式 CSS可以直接放到行內(nèi)樣式中引入即可，比如代碼如下圖 hello world 嵌入式 還可以采用潛入方式引入CSS，就是把CSS寫到標(biāo)簽中，這種方式比較實(shí)用，如下圖所示 h1 color red。

3運(yùn)行代碼，效果如下4使用css對(duì)導(dǎo)航的字體的字體大小顏色排列方式等進(jìn)行美化，代碼如下5運(yùn)行代碼，效果如下可見(jiàn)，經(jīng)過(guò)CSS樣式美化，鼠標(biāo)經(jīng)過(guò)的時(shí)候，顯示藍(lán)色6利用CSS編寫代碼，實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)時(shí)顯示下劃線效果。