八条常见的CSS错误及修复方法
作者：代码人 来源：代码人blog 发布时间：2010-04-08 16:54:00
很多人对于CSS都是边干边学习，因为它不像C#之类的语言那么复杂，看起来似乎挺简单，然而正是这种对CSS的不完整的理解，导致了许多的CSS代码破坏了布局，或者带来了无休止的调试，以下总结了八条最常见的错误，以及它们的解决之道：
1.不阅读或者没有读过W3C标准的文档。
上图是W3C CSS 2.1 规范截图，这是当前唯一的官方详细描述CSS2功能的文件，大部分都是干巴巴的条文，不过幸好有许多简短有用的部分，当你不清楚某些CSS性能的时候可以去查阅这个文档，下面列出一下比较常用的部分：
1.盒模型（The box model）
2.选择器（Selectors）
3.可视化格式模型(Visual formatting model)尤其是浮动（floats）和块格式(block formatting contexts)
2.DIV标签汤
新手写页面最容易碰见的情况：DIV一锅粥，不管什么地方都用一大堆的DIV标签去写。比如用div去模拟表格，这种用法是完全没有道理的，增加了页面的标签污染，这种做法带来一系列问题：页面加载慢、需要写更多的CSS、代码不容易维护等等。
这种DIV综合症基本上来源于对样式表基本工作机制的误解。比如一个人写了一个3层的DIV嵌套，给每个DIV添加对应的样式，如第一个DIV设置背景色，第二个设置外边距，给第三个设置字体大小，其实他没有意识到的是，除非绝对必要，这些属性都可以合并到一个div里去实现。
另一个原因似乎是想用DIV标签去替代诸如H1/H2/LI等更恰当的标签，这是应该避免的做法，因为可能会给使用订阅器、旧的浏览器或者手机浏览器的用户带来问题。
3.ID还是CLASS？
这张图很形象，橘黄色的是class，蓝色的是ID。使用class还是id，这是相当大一部分还没有掌握逻辑化的CSS布局的人的一个通病，澄清一下：ID是定义一个项目的，而class可以定义多个项目。一个很通俗的例子，你的身份证号就是ID，而身份证上写的“中国”就是class，很多人的身份证上都写的是中国，但是号码却和你的不同。
但是也不要到处乱用class，这仍然是一个对CSS的理解问题，下图说明了滥用CLASS和合理的用ID的区别：
0
投稿猜你喜欢
- asp之家注：学习asp网页编程的朋友一定用过ACCESS数据库，access的简单方便，大大降低了asp初学者学习asp的门槛，对于学习a
- 在mysql安装目录的bin下, 运行mysql --install MYSQL5查看服务中, 会多一个MYSQL5的服务XAMPP的控制面
- 在开发C/S结构的大型数据库应用软件时，一般情况下，软件开发人员和数据库设计人员并不是同一个人，这就需要协商好一些即可由程序设
如何编写具有良好结构的CSS？如果在设计流程中缺乏"秩序"或"章法"是非常不利的，你得冒着风险去添加- 当产品走到HTML Coding这块，多浏览器的测试是很重要，也很麻烦的一个环节。现在大家主要是保证IE6，7及Firefox的一致。bro
- <％Class Cls_TemplateDim RegDim PageDim CIDDim SIDDim RuleDim Conten
- 尽管现代浏览器已经支持了众多的CSS3属性，但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性，如border-radius、b
- 这几天正在为压缩代码的事情所困扰，大家也可以看见，我的博客顶端有两个在线的压缩工具，但在实际应用过程中，除了CSS的压缩比较满意外，JS的压
- 什么是RSS？RSS是站点用来和其他站点之间共享内容的一种简易方式（也叫聚合内容），通常被用于新闻和其他按顺序排列的网站，例如Blog。一段
- 那么在集合函数中它有什么用呢 ？假设数据库有一张表名为student的表。如果现在要你根据这张表，查出江西省男女个数，广东省男生个数，浙江省
- 为什么能实现在线编辑呢? 首先需要ie 的支持，在 ie 5.5以后就有一个编辑状态，就是利用这个编辑状态,然后用javascript 来控
- 转发时请保留此声明信息,这段声明不并会影响你的速度! @author:
- by leecade ：我聊下我的想法 从功能上看，能不能把JS分成3层结构1 语法设计，选择器，常用函数2 业务逻辑（比如封装好常用的TA
- 网站内容的入口很大一部分都是依赖于导航系统，而网站的入口很大一部分依赖于搜索系统，这也在一定意义上证明了导航与搜索之间的重叠性。搜索系统可以
- 在实际的工作和学习中，许多人的SQL Server 2005数据库日志文件可能会发生损坏，例如硬件故障、计算机非正常重启或关机等等。在SQL
- DateDiff(timeinterval,date1,date2 [, firstdayofweek [, firstweekofyear
- 代码如下: <％ Dim oConn, ors, aRows Dim i,j Set oConn=Server.CreateObjec
- 在用户体验量化方法研究（一）中，我们以用户体验层次模型为基础，提出了三种量化用户体验的方法：以任务为中心、以行为为中心以及以体验为中心的量化
- 如果你正在运行使用MySQL的Web应用程序，那么你把密码或者其他敏感信息保存在应用程序里的机会就很大。保护这些数据免受黑客或者窥探者的获取
- 实现原理：将用户信息保存在数据库中，若能在数据库中检索到用户输入的姓名和口令，就允许访问该一页面。代码如下：protect.asp<h
