dreamweaver套用源格式,將混亂無(wú)序的代碼變得整潔_Div+CSS教程
不知你是否注意到dreamweaver的套用源格式功能,這個(gè)功能可以將混亂的代碼格式套用成標(biāo)準(zhǔn)的DOM模型的整潔結(jié)構(gòu)。
比如當(dāng)我們?cè)谥谱骶W(wǎng)頁(yè)時(shí),有時(shí)手寫(xiě)代碼會(huì)使用代碼的結(jié)構(gòu)變得混亂,不利于修改和維護(hù),利用套用源格式的功能,可以讓HTML代碼和CSS變得整潔有序,遺憾的是此功能對(duì)JS和ASP之類(lèi)的程序沒(méi)用。
上圖中紅框內(nèi)的css和div代碼混亂無(wú)序,下面我們用套用源格式命令一下
看看,css和div源碼已經(jīng)變得非常整潔有序了。
相關(guān)Div+CSS教程:
- DIV+CSS設(shè)計(jì)的誤區(qū)
- CSS基礎(chǔ):常用CSS英文字體介紹
- IE6和IE7中border邊框斷線現(xiàn)象
- border:none;與border:0;的有什么不同?
- div+css下js對(duì)聯(lián)廣告不隨屏幕滾動(dòng)的解決方法
- HTML元素的ID和Name屬性的區(qū)別
- divcss教程:深入了解css的行高Line Height屬性
- CSS文檔流,塊級(jí)元素和內(nèi)聯(lián)元素
- 5個(gè)你該知道的CSS3新技術(shù)
- 用正則表達(dá)式替換a標(biāo)記href值
- 30個(gè)優(yōu)秀的CSS導(dǎo)航和按鈕設(shè)計(jì)教程
- css中px和em有什么區(qū)別
Div+CSS教程Rss訂閱Div+Css教程搜索
Div+CSS教程推薦
猜你也喜歡看這些
- jquery模擬瀏覽器滾動(dòng)條效果
- 一個(gè)非常棒的DIV CSS導(dǎo)航條效果!
- CSS菜單:由CSS滑動(dòng)門(mén)技術(shù)實(shí)現(xiàn)的菜單十一款
- 一個(gè)無(wú)序列表UL鼠標(biāo)激活顯示背景色的實(shí)例
- CSS實(shí)例:三列自適應(yīng)等高且中列寬度自適應(yīng)
- CSS實(shí)例教程:用列表ul制作CSS橫向菜單的基礎(chǔ)知識(shí)
- 10個(gè)很酷的涂鴉風(fēng)格國(guó)外網(wǎng)店設(shè)計(jì)展示
- DIVCSS菜單:黑白灰?guī)в嘘幱靶Ч腃SS橫向菜單
- CSSFormExample:帶有小圖標(biāo)的清爽CSS表單設(shè)計(jì)!
- CSS菜單實(shí)例:極致而簡(jiǎn)約的風(fēng)格
- 相關(guān)鏈接:
- 教程說(shuō)明:
Div+CSS教程-dreamweaver套用源格式,將混亂無(wú)序的代碼變得整潔。