2DIV+CSS實(shí)例演示這里實(shí)踐兩種方法來(lái)實(shí)現(xiàn)HTML字體顏色設(shè)置，一種標(biāo)簽內(nèi)使用css，另外一種使用style標(biāo)簽實(shí)現(xiàn)字體顏色設(shè)置3實(shí)例完整HTML 源代碼分別使用ltstyle標(biāo)簽和DIV標(biāo)簽內(nèi)使用style屬性設(shè)置html中字體顏色語(yǔ)言特點(diǎn) 超級(jí)；HTML代碼和CSS代碼有什么區(qū)別第一種方法通用方法 1打開瀏覽器右鍵查看源碼代碼 2打開一個(gè)網(wǎng)頁(yè)，在該網(wǎng)頁(yè)中點(diǎn)擊左鍵，如圖 3點(diǎn)擊查看源代碼，如圖，看到了嗎，這一大堆字母就是你這個(gè)網(wǎng)頁(yè)的源代碼了4上面那個(gè)；通俗認(rèn)識(shí)div，div作用就是實(shí)現(xiàn)布局實(shí)現(xiàn)對(duì)內(nèi)容樣式控制實(shí)現(xiàn)各種各樣的布局效果DIV的用法實(shí)例，這里通過(guò)對(duì)div設(shè)置不同CSS樣式，觀察其效果DIV+CSS實(shí)例完整HTML源代碼lt！DOCTYPE html lthtml lthead ltmeta charset=quot；為了表格能夠更加清楚地顯示效果，我們需要給表格添加一些CSS效果 style tableborder 1px solid #000width 500pxheight 200pxmargin 0 auto table tdborder 1px solid # style 我們將視圖換成；您可以通過(guò)以下方法在網(wǎng)站中查找HTML對(duì)應(yīng)的CSS文件1 在網(wǎng)頁(yè)中右鍵單擊并選擇“查看頁(yè)面源代碼”，查看網(wǎng)頁(yè)的HTML代碼2 找到與您要編輯的元素相關(guān)的HTML代碼，查看該元素的class或id名稱，這些名稱通常與對(duì)應(yīng)的CSS文件；第一種打開一個(gè)網(wǎng)頁(yè)后點(diǎn)擊鼠標(biāo)的右鍵就會(huì)有\(zhòng)quot查看源文件\quot，操作鼠標(biāo)右鍵查看源文件即可彈出一個(gè)記事本，而記事本內(nèi)容就是此網(wǎng)頁(yè)的html代碼鼠標(biāo)右鍵查看html網(wǎng)頁(yè)源代碼 可能會(huì)碰到一些網(wǎng)頁(yè)鼠標(biāo)右鍵無(wú)反應(yīng)或提出提示；對(duì)table設(shè)置右與下邊框 為了便于截圖，我們將css 注釋說(shuō)明換行排版 * ltstyle2對(duì)應(yīng)html源代碼片段ltdiv class=quottablecquot lttable width=quot400quot border=quot0quot cellspacing=quot0quot cellpadding=quot0quot lttr lttd wid。

doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle無(wú)標(biāo)題文檔lttitleltheadltstyle*padding0margin0ul，ul liliststyleuloverflowhiddenmargin50px autowidth60%ul lifloat。

整體簡(jiǎn)介使用瀏覽器的查看網(wǎng)頁(yè)源代碼功能可以查看當(dāng)前頁(yè)面的HTML和CSS源代碼 工具原料IE，360極速瀏覽器，或任一一款瀏覽器均可 解決方法以360極速瀏覽器為例 打開任意一網(wǎng)站頁(yè)面，然后在頁(yè)面的空白處右擊，在彈出的菜單；打開任意一網(wǎng)站頁(yè)面，然后在頁(yè)面的空白處右擊，在彈出的菜單中選擇查看源代碼在新打開的源代碼頁(yè)面中可以看見CSS文件的引用點(diǎn)擊該CSS文件的鏈接就可以打開CSS文件進(jìn)行查看在瀏覽器中打開要調(diào)試的網(wǎng)頁(yè)，使用快捷鍵F12在彈出；一可以重載css定義，比如主頁(yè)indexhtm引用了bodycss式樣ltlink href=quotjsbodycssquot rel=quotstylesheetquot type=quottextcssquot ，而jsbodycss里面有如下定義body，td，th fontfamily Arial， Helvetica， sansserif；3以上兩種HTML和css的結(jié)合都是在同個(gè)頁(yè)面，代碼量多的情況下就不好區(qū)分了，這時(shí)可以創(chuàng)建一個(gè)外部css樣式文件右鍵點(diǎn)擊桌面先創(chuàng)建一個(gè)記事本文檔，然后將文檔的擴(kuò)展名改為“css”將該css樣式文件與HTML放在同個(gè)磁盤中。

你可以先建立外部樣式表文件css，然后使用HTML的link對(duì)象示例如下lthead lttitle文檔標(biāo)題lttitle ltlink rel=stylesheet href=quotcss文件地址quot type=quottextcssquot lthead 而在XML中，你應(yīng)該如下例所示在聲明區(qū)。

1去掉取消超鏈接下劃線的css+HTML源代碼lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitleDIVCSS5未取消去掉下劃線lttitle ltstyle a textdecoration ltstyle lthead ltbody 歡迎；4這里鼠標(biāo)右鍵單擊選擇將鏈接存儲(chǔ)在css文件夾中5在html文件中寫下鏈接代碼，代碼如下ltlink rel =“stylesheet”type =“text css”href =“css indexcss”6之后，您可以看到HTML文件的源代碼并查看。