字体颜色:    字体:放大   正常   缩小

提高CSS代码的可读性

来源:蓝色理想 作者 demix 点击数: 录入时间:08-05-10 11:25:26

   3.1. Left column / #leftcolumn
            3.2. Right column / #rightcolumn
            3.3. Sidebar / #sidebar
                  3.3.1. RSS / #rss
                  3.3.2. Search / #search
                  3.3.3. Boxes / .box
                  3.3.4. Sideblog / #sideblog
                  3.3.5. Advertisements / .ads
      4. Footer / #footer

-------------------------------------------------------------------*/

另一种方式可以只是先简单的将内容列举出来,也不需要缩进。下面的一个例子中,如果你需要跳至RSS部分你只需要简单的搜索 8.RSS。

/*------------------------------------------------------------------

[Table of contents]
1. Body
2. Header / #header
3. Navigation / #navbar
4. Content / #content
5. Left column / #leftcolumn
6. Right column / #rightcolumn
7. Sidebar / #sidebar
8. RSS / #rss
9. Search / #search
10. Boxes / .box
11. Sideblog / #sideblog
12. Advertisements / .ads
13. Footer / #footer

-------------------------------------------------------------------*/

<!-- some CSS-code -->

/*------------------------------------------------------------------
[8. RSS / #rss]
*/
#rss { ... }
#rss img { ... }

定义这样一个样式检索可以很有效的使其他人阅读学习你的代码变得容易。在制作大项目的时候,你也可以将检索打印出来从而在你阅读代码的时候方便查阅。

9 7 3 1 2 4 8 :
·上一篇文章:
·下一篇文章:
打印本页 | 关闭窗口
 免责申明:
  本网站所提供的学习资料目的是为广大网友学习及参考之用,有部分取自互联网,如果您认为本站某些内容有侵权之嫌,请立即通知我们,我们将在第一时间予以删除。
  我们在此声明,对您使用网站、与本网站相关的任何内容、服务或其它链接至本网站的站点、内容均不作直接、间接、法定、约定的保证。
  无论在任何原因下(包括但不限于疏忽原因),对您或任何人通过使用本网站上的信息或由本网站链接的信息,或其他与本网站链接的网站信息所导致的损失或损害(包括直接、间接、特别或后果性的损失或损害,例如电脑系统之损坏或数据丢失等后果),责任均由使用者自行承担(包括但不限于疏忽责任)。
  使用者对本网站的使用即表明同意承担浏览本网站的一切风险。