《
CSS网页布局容易犯的10个错误》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302334562013.htm
2. 检查CSS是否书写准确检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。
7. float元素不能指定margin和padding等属性 IE在显示指定了margin和padding的float元素时有bug。因此不要对float元素指定margin和padding属性（可以在 float元素内部嵌套一个div来设置margin和padding）。也可以使用hack方式为IE指定特殊的值。
看如何使用<span>来取代<div>实现同样的后果.
4.格局(缩进)代码
--> [
网站建设之]CSS网页布局容易犯的10个错误
如果你是一个爱好什么都用<div>来标签的人,那么这个教程一定很合适你.在这个教程里侧重讲如何标准的来写HTML代码让它更加的 有意思.你有没有经历过这样的场景:在主笔别人的模版时发现那些语意不明的标签,你的感到是什么样子的.学完这个教程后你会发现规范的代码不仅仅为你当前 修改代码省下时光,特别是当你调试一个大的名目时你会发明,CSS网页布局学习过程中选择什么软件来辅助？,本来规范代码之后是那么的有用.
使用<p>来代替<div>来创立导航.
Example 2:
3. 用删除法确定错误产生的位置如果错误影响了整体布局，则可以一一删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的地位。
Tag：CSS ,
CSS网页实例 适合所有项目通用的reset.css; 网页布局 CSS 网页布局
这个例子很好的阐明了,使用有语义标签的利益.
3.尽量减少使用<div>
Example 1:
1. 检讨HTML元素是否有拼写毛病、是否忘却停止标志即便是老手也常常会弄错div的嵌套关联。能够用dreamweaver的验证功效检查一下有无过错。
另外：参考css使用技能：扫除多余的标签
所谓人无完人，即使你的技巧再高也可能有出错的时候。查看下面这份CSS网页布局容易犯的10个错误 ，尽力的修改你可能会犯的错误，加速你的前端开发效力。
4. 应用border属性肯定犯错元素的布局特征使用float属性布局一不警惕就会出错。这时为元素增加border属性断定元素边界，错误起因即真相大白。
用有语义的标签来编写你的HTML文档(如:<h1>为标题;<p>为段落;<ul>,CSS网页制作时实现自动换行的小技巧;为列表.)那么即使用户不支撑css的话,那你的文档也被正确的读出来.
6. float元素务必指定width属性良多浏览器在显示未指定width的float元素时会有bug。所以不论float元素的内容如何，必定要为其指定width属性。另外指定元素时尽量使用em而不是px做单位。
你 有不见过那么凌乱的模板,到处都可以看到<div>标签,看到这些,你的头有没有变大了.你是否由于少用</div>来结束标 签,CSS网页制作教程 CSS属性英文单词的意义解释,或者因为多用了<div>标签而把一个布局弄乱了,CSS网页制作技巧 强制中英文换行和不换行.我想大多数初学者都有这样的阅历.所以尽可能的少应用<div>,它会使 调试和编纂更加的轻易.
8. float元素的宽度之和要小于100% 假如float元素的宽度之跟正好是100%，某些古老的阅读器将不能畸形显示。因而请保障宽度之和小于99%。
Example 1:
5. float元素的父元素不能指定clear属性 MacIE下如果对float的元素的父元素使用clear属性，四周的float元素布局就会混乱。这是MacIE的有名的bug，假使不知道就会走弯路。
有 时候咱们会给内容添加一个额定的<div>,CSS网页制作技巧 图片的自适应居中和兼容处理;标签来以示这是一个内容.在事例顶用了<,css网页制作实用技巧9则;div class=”sidebox”>来包含内容区.如果一个内容有一个题目的话(如:<h4>),那么我们就可以把这个<h4& amp; gt;来代替<div>.
2.使用有语义的标签
许多人都喜欢用<div>来包裹<form>和<ul>来树立菜单列表.你有没有想过这样一个过剩的<,CSS网页代码编写隔行换色的技巧;div>是不是须要的.你可以使用css规矩来实现同样的效果.
10. 是否忘记了写DTD？如果无论怎么调剂不同浏览器显示成果仍是不一样，那么可以检查一下页面开头是不是忘了写下DTD申明。
你应当格式源代码(即缩进嵌套元素),以便于容易浏览和修正.如果你使用DW来编写代码的话,那么你就可以很便利的格式代码.
5.在</div>标签之后增添注解.
Example:
1.肃清不用要的<div>标签
这个例子展现如何删除<form>中的<div>.
Example 2:
你 有没有见过在一些模版在</div>之后有注明这一局部是什么.(如:header;contant;footer.)所以你可以在< /div>之后参加一个<!– footer –>.这样别人就可以晓得这是一个页脚结束点.
9. 是否重设了默认的样式,CSS缩写的语法规则？某些属性如margin、padding等,CSS编辑器：TopStyle Pro使用技巧，不同浏览器会有不同的说明。因此最好在开发前首先将全部的margin、padding设置为0、列表款式设置为none等。
(责任编辑：网站建设)
CSS网页布局容易犯的10个错误相关文章