码迷,mamicode.com
首页 > Web开发 > 详细

精通CSS:高级Web标准解决方案(第2版)--第一章 基础知识

时间:2014-09-11 23:39:22      阅读:338      评论:0      收藏:0      [点我收藏+]

标签:style   color   io   使用   ar   strong   问题   sp   代码   

 

“人们几乎不会先去读完整的CSS规范,这些规范能把任何人送入梦乡。”

“学习CSS最好的一种方式是直接开始使用它。”

“先从博客上看到了一些出色的效果,于是通过查看源代码研究它们是如何实现的,然后就在自己的个人网站是大胆尝试。”

一、首先,从开始就应注意基本的问题,养成好的习惯:

1、良好的文档结构

  不要过于依赖可视化的编辑器;糟糕的代码结构可能让你宁愿从头编写页面而不想去寻找bug;

2、有意义的标记

  HTML 4 目前可使用的语义化标签并不全面,至少没有像header、navigation、footer等可直接使用的元素,次优的解决方案是使用现有的元素,并且通过添加ID或类名给它们赋予额外的意义。例如制作一个导航栏:<ul id="nav">。

3、易于理解和维护

 


 

二、ID和类

一句话:ID唯一,类相似

“andy-budd 比 andyBudd 清楚得多。”

1、命名ID和类时,一定要与其表现方式无关

  差的命名(它的外观如何):red,leftColumn,topNav,firstPara...

  好的命名(它是什么):error,secondaryContent,mainNav,intro...

2、ID和类的命名注意区分大小写,根据个人习惯或要求使用统一的约定。

精通CSS:高级Web标准解决方案(第2版)--第一章 基础知识

标签:style   color   io   使用   ar   strong   问题   sp   代码   

原文地址:http://www.cnblogs.com/hewenwei/p/3967365.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!