国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

CSS技巧教程:css書寫技巧

2024-07-11 09:04:18
字體:
供稿:網(wǎng)友

武林網(wǎng)(www.survivalescaperooms.com)文章簡介:nettuts帶來的5個css書寫技巧,簡單翻譯一下它的中心思想。

nettuts帶來的5個css書寫技巧,簡單翻譯一下它的中心思想。

1. CSS Reset/重置

你也許需要先了解什么是css重置。然后怎么樣寫css重置呢。

  • 你可以copy Eric Meyer Reset, YUI Reset或其它css reset, 但你接下來應該根據(jù)你的項目改成你自己的reset.
  • 2. 按字母順序來排列css

    不按字母順序排的

    div#header h1 {z-index: 101;color: #000;position: relative;line-height: 24px;margin-right: 48px;border-bottom: 1px solid #dedede;font-size: 18px;}

    按字母順序排的

    div#header h1 { border-bottom: 1px solid #dedede; color: #000; font-size: 18px; line-height: 24px; margin-right: 48px; position: relative; z-index: 101;}

    理由是這樣可以更好的找到某個屬性。個人覺得還好,差別也不是太大。不過也許會適合你。

    3. 更好的組織css結(jié)構(gòu)

    使用css注釋來分給css分組,這樣結(jié)構(gòu)明了,也有利于協(xié)同設計。

    /*****Reset*****/xxxxxxx{xxxxx}xxxxx{xxxxx}/*****layouts*****/xxxxxxx{xxxxx}xxxxx{xxxxx}4. 保持一致性

    不要無意義的去討論到底一個選擇器的所有屬性寫在一行,還是每個屬性寫一行比較好。你自己覺得ok就好。

    iv#header { float: left; width: 100%; }div#header div.column {border-right: 1px solid #ccc;float: rightright;margin-right: 50px;padding: 10px;width: 300px;}div#header h1 { float: left; position: relative; width: 250px; }

    比如我個人就喜歡寫在一行,因為每排寫一行會讓整個文檔感覺太長了,找起來不方便。如果你喜歡寫一行,但是發(fā)給team的另一個,他卻喜歡每排一行,那怎么辦?其實很簡單,把css拿去w3c驗證,它會有一份結(jié)果,會自動轉(zhuǎn)換成每排一行。

    5. 先標記后css

    這個我沒有太看懂。大概理解是對html的標記弄好后再寫css會比較不容易出錯。比如我寫一個頁面,先寫一個最基本的標記結(jié)構(gòu)

    <body><div id="wrapper"><div id="header"><!--end #header--><div id="container"><div id="content"></div><!--end #content--><div id="sidebar"></div><!--end #sidebarr--></div><!--end #container--><div id="footer"></div>!<--end #footer--></div><!--end #wrapper--></body>

    然后就是盡量善用子選擇器,而不是一要給哪個元素進行樣式化,就給它添加個選擇器。

    發(fā)表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發(fā)表
    主站蜘蛛池模板: 甘德县| 绍兴县| 铁岭市| 昌都县| 原平市| 阿瓦提县| 陆丰市| 洪洞县| 焦作市| 天祝| 洱源县| 海伦市| 津南区| 屏东县| 洪泽县| 东方市| 恭城| 通山县| 永定县| 江西省| 青川县| 迁安市| 类乌齐县| 渝北区| 石河子市| 牡丹江市| 延安市| 浦县| 定日县| 江都市| 永和县| 乐平市| 大理市| 图木舒克市| 台南县| 万山特区| 商都县| 谷城县| 孝感市| 安平县| 青铜峡市|