繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > WEB标准的CSS网页布局技巧5则
- CSS样式表
- Pjblog模板制作教程 超强推荐
- (X)HTML Strict 下的嵌套规则
- BUTTON和INPUT的区别
- css 命名规范
- 各浏览器padding、margin的差异
- IE浮动边界BUG延伸探讨
- 激发你的灵感:50个优秀的Favicons
- Lesson01_08 图像地图
- Lesson03_01 什么是CSS和CSS的设置方式
- [转]Accesskey引起的一点点思考
- CSS仿淘宝首页导航条布局效果
- Css利用js的expression实现的效果
- Web标准学习资源（书籍、网站）推荐
- DIV+CSS 滑动门技术的简单例子
- 给自己的网站制作一个favicon.ico图标的实现方法
- 100%点击区的滑动门代码
- 用js实现的DIV+CSS编辑器代码
- css条件注释理论及实践源文件
- CSS条件注释的使用详解教材
- 针对浏览器隐藏CSS之独孤九剑
CSS样式表 中的 WEB标准的CSS网页布局技巧5则
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 76 ::
收藏到网摘: n/a
WEB标准的CSS网页布局，需要注意的地方有很多。我们在ruanchen.com上作过很多介绍，今天介绍五个需要注意的地方。
一、永远使用小写字母
不好的做法：
<DIV>
<P>Here's an interesting fact about corn. </P>
</DIV>
好的做法：
<div>
<p>Here's an interesting fact about corn. </p>
</div>
<DIV>
<P>Here's an interesting fact about corn. </P>
</DIV>
好的做法：
<div>
<p>Here's an interesting fact about corn. </p>
</div>
二、让引号伴随着属性
不好的做法：
class=wwwRuanChen
正确的做法：
class="wwwRuanChen"
class=wwwRuanChen
正确的做法：
class="wwwRuanChen"
三、有必要的代码注释
“使得你的代码在长时间内依然能够保持容易理解和维护”。
作为开发人员，有必要给代码进行注释。
有注释的代码，它能帮助我们阅读，保持清晰的思维和思路。
日后也方便快速修改和调试。 不仅方便了自己，也方便了别人。
四、切勿使用直线
或许大家有疑问，为什么不提倡使用直线呢，这是一个很有用的标签。
但大家不要忘记，Web标准和ruanchen.com一直强调的是表现与内容的分离。
直线是表现的一部分，将它写放于HTML文档中，显然是不合适的。因而切勿使用直线。
五、切勿使用内嵌样式
样式表文件分离到外部样式表文件中，与HTML文档分开。使用内嵌样式就失去了CSS网页布局的意义。
但内嵌样式可以在调试是使用，在最终发布网站时，需要去除所有的内嵌样式。
评论 (0) All
