小13箩利洗澡无码免费视频_高清欧美日韩中文在线字幕视频_91视频精品全国免费观看_麻豆精品永久免费视频

建站知識(shí)

Service Support

規(guī)范的CSS命名

  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ì)事半功倍!

  初學(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í)愉快。