400-1100-266
9:00-24:00(工作日)
最近的工作中,遇到不少問題,其中一個(gè)問題我覺得是最重要的,那就是css的書寫順序,他可以體現(xiàn)一個(gè)前端工作者的思續(xù)。如果您看到本文,請(qǐng)不要再想到哪個(gè)屬性就寫哪個(gè)屬性。 先來看一下firefox推薦的書寫順序 * mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide -http://mozilla.org/contribute/writing/markup) */ /* Suggested order: //顯示屬性 * display * list-style * position * float * clear //自身屬性 * width * height * margin * padding * border * background //文本屬性 * color * font * text-decoration * text-align * vertical-align * white-space * other text * content * */ 從上面推薦的順序可以看出,非常的有條理。上面推薦的順序并沒有把更加詳細(xì)的屬性寫進(jìn)去,比如:top,right,bottom,left等,也許有人會(huì)問,這樣些對(duì)性能有什么影響嗎?我非常遺憾的告訴你,我也不知道,但我想,有條理的做事才是正確的(也許你有更好的方法)。 我的理解: 1.顯示屬性:display||visibility||list-style(list-style-type、list-style-image、list-style-position)||overflow 2.定位及浮動(dòng)屬性:position||top||right||bottom||left||float||clear 3.盒模型:width||height||margin||padding||border 4.背景:background(background-image、background-position、background-repeat、background-attachment) 5.文字屬性:font-style||font-variant||font-weight||font-size||font-family||color 6.文本屬性:text-indent||text-align||vertical-align||letter-spacing||word-spacing||text-transform||text-decoration||text-shadow 7.其它 引用某位人的話,”不管你用不用這個(gè)順序,反正我是用了”。歡迎大家指正
標(biāo)簽:新疆 滄州 紅河 河南 長治 樂山 上海 沈陽
上一篇:W3C標(biāo)準(zhǔn):實(shí)時(shí)切換CSS樣式
下一篇:On having layout
Copyright ? 1999-2012 誠信 合法 規(guī)范的巨人網(wǎng)絡(luò) kiddlux.com 始建于2005年
全國網(wǎng)站建設(shè)網(wǎng)站開發(fā)咨詢熱線:400-1100-266?? 0514-86177077
江蘇揚(yáng)州巨人網(wǎng)絡(luò)科技有限公司 ??總部地址:江蘇省揚(yáng)州信息產(chǎn)業(yè)基地11號(hào)樓4層
《增值電信業(yè)務(wù)經(jīng)營許可證》蘇B2-20120278 ?? 蘇ICP備15040257號(hào) 網(wǎng)站地圖