這篇“DIV CSS書寫格式實(shí)例分析”文章的知識(shí)點(diǎn)大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細(xì),步驟清晰,具有一定的借鑒價(jià)值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來(lái)看看這篇“DIV CSS書寫格式實(shí)例分析”文章吧。
創(chuàng)新互聯(lián)建站成立與2013年,先為化州等服務(wù)建站,化州等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為化州企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。
1、DIV書寫格式
Div書寫在html文件里,排列有序縮進(jìn)有序?qū)⒔o開(kāi)發(fā)和日后維護(hù)帶來(lái)幫助。典型縮進(jìn)范例:
頭部?jī)?nèi)容中部居左內(nèi)容中部居右內(nèi)容底部版權(quán)內(nèi)容
注意以上代碼縮進(jìn)-父級(jí)與子級(jí)有相對(duì)縮進(jìn)。一般縮進(jìn)4個(gè)空格字符半角英文位置。
2、CSS書寫格式
好的CSS書寫格式能給你帶來(lái)維護(hù)和制作上方便??梢苑治鯟SS 命名的選擇器之間個(gè)關(guān)系。
#main{... ...} #main #header{... ...} #main #centen{... ...} #main #footer{... ...} #centen .cent_left{... ...} |
以上花括號(hào)內(nèi)值省略這里不講。這里主要是CSS 派生關(guān)系,不同區(qū)域DIV塊以空一行隔開(kāi)。
CSS 格式還有
#main{ ... ... } #main #header{ ... ... } #main #centen{ ... ... } #main #footer{ ... ... } #centen .cent_left{ |
一般不推薦CSS的花括號(hào)分別占一行方式排列CSS 選擇器。同時(shí)這樣會(huì)大大增加占用CSS文件內(nèi)行數(shù),維護(hù)也不好辨認(rèn)。
以上就是關(guān)于“DIV CSS書寫格式實(shí)例分析”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對(duì)大家有幫助,若想了解更多相關(guān)的知識(shí)內(nèi)容,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。