建站知識(shí)
Service Support
2017-02-21 15:01:01 次瀏覽
初學(xué)div+css應(yīng)該注意什么?作為DIV+CSS初學(xué)者,有六個(gè)問(wèn)題需要您關(guān)注一下!如果在動(dòng)手寫代碼之前對(duì)網(wǎng)頁(yè)整體結(jié)構(gòu)由一個(gè)清晰認(rèn)識(shí)的話,寫起來(lái)會(huì)事半功倍!但是,寫的過(guò)程中總是有這樣那樣的問(wèn)題,使得我們不得不停下來(lái)去查找資料,弄清屬性定義等等!
其實(shí)有很多方法可以在提高我效率的同時(shí)讓我們對(duì)DIC+CSS有更深刻的理解!下面我們列舉幾點(diǎn):
一、CSS命名規(guī)范:
1、文件命名規(guī)范
全局樣式:global.css;
框架布局:layout.css;
字體樣式:font.css;
鏈接樣式:link.css;
打印樣式:print.css;
2、常用類/ID命名規(guī)范
頁(yè) 眉:header
內(nèi) 容:content
容 器:container
頁(yè) 腳:footer
版 權(quán):copyright
導(dǎo) 航:menu
主導(dǎo)航:mainMenu
子導(dǎo)航:subMenu
標(biāo) 志:logo
標(biāo) 語(yǔ):banner
標(biāo) 題:title
側(cè)邊欄:sidebar
圖 標(biāo):Icon
注 釋:note
搜 索:search
按 鈕:btn
登 錄:login
鏈 接:link
信息框:manage
……
二、處理瀏覽器BUG問(wèn)題
關(guān)于這點(diǎn),不知那位高人把CSS BUG變成順口溜了!在這里引用一下,很容易記住的!
1、IE邊框若顯若無(wú),須注意,定是高度設(shè)置已忘記;
2、浮動(dòng)產(chǎn)生有緣故,若要父層包含住,緊跟浮動(dòng)要清除,容器自然顯其中;
3、三像素文本慢移不必慌,高度設(shè)置幫你忙;
4、兼容各個(gè)瀏覽須注意,默認(rèn)設(shè)置行高可能是殺手;
5、獨(dú)立清除浮動(dòng)須銘記,行高設(shè)無(wú),高設(shè)零,設(shè)計(jì)效果兼瀏覽;
6、學(xué)布局須思路,路隨布局原理自然直,輕松駕馭html,流水布局少hack,代碼清爽,兼容好,友好引擎喜歡迎。
三、所有標(biāo)簽皆有源
只是默認(rèn)各不同,span是無(wú)極,無(wú)極生兩儀—內(nèi)聯(lián)和塊級(jí),img較特殊,但也遵法理,其他只是改造各不同,一個(gè)*號(hào)全歸原,層疊樣式理須多練習(xí),萬(wàn)物皆規(guī)律。
四、圖片鏈接排版須小心
圖片鏈接文字鏈接若對(duì)齊,padding和vertical-align:middle要設(shè)定,雖差微細(xì)倒無(wú)妨。
五、IE浮動(dòng)雙邊距
請(qǐng)用display:inline。
六、列表橫向排版
列表代碼須緊靠,空隙自消須銘記。
DIC+CSS學(xué)習(xí)是一條很長(zhǎng)的路,真正走下去必須要有一顆虔誠(chéng)的新心!天助網(wǎng)祝您學(xué)習(xí)愉快。