CSS代码布局八条最常见的错误

2016-02-20 00:30 11 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐CSS代码布局八条最常见的错误,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

很多人对于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)

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

2.DIV标签汤(  )
新手写页面最容易碰见的情况:DIV一锅粥,不管什么地方都用一大堆的DIV标签去写。比如用div去模拟表格,这种用法是完全没有道理的,增加了页面的标签污染,这种做法带来一系列问题:页面加载慢、需要写更多的CSS、代码不容易维护等等。
这种DIV综合症基本上

来源:http://www.tulaoshi.com/n/20160220/1631995.html

延伸阅读
标签: 祛痘
怎样预防痘痘?相信很多美女谈痘痘就会变色,对于痘痘,祛痘不如防痘,下面小编给你八条建议怎样轻松预防痘痘。 1、每天坚持喝够八杯水,每天早上起床,空腹喝一杯水可以清理肠胃。 2、每天都要排便,要保证正常的新陈代谢。 3、切忌熬夜,熬夜很可能使得内分泌失调导致痘痘生长。 4、洗脸要彻底洗净,不能残留化妆品。 5...
标签: Web开发
CSS两列布局,右侧固定,左侧自适应宽度div style="width:90%; margin:0 auto;"    div style="width:200px; float:right;"这是右侧的内容/div    div style=" margin-right:210px;"这是左侧的内容,自适应宽度/div /divCSS两列布局,左侧固定,右侧自适应宽度div style="width:90%;...
标签: 养生 女人养生
医学专家给女人的八条养生建议 请医生给一条绝好的健康建议,这个建议可能会让你很吃惊。我们从全美最顶尖的医学专家那里得到许多珍贵的意见。 1、健康女性更加关注将来 如果想要养成健康的习惯,就要将目标定的详细具体,比如,要定成“回家以后马上换上运动鞋,走十个街区”,而不要只定为“...
标签: 女人 女人养生
八条原则养出女人好气色 挑剔一点没坏处,蔬菜也一样 美国最新的研究发现,西兰花、白菜等蔬菜不仅是粗纤维的良好来源,还能在消化过程中带走体内多余的水分,防止浮肿的发生。专家建议,如果你不想第二天早晨醒来眼皮肿胀,可以在晚餐时适当摄入这些蔬菜。 Tips: 菜花、莴苣、冬瓜也有同样的功效,爱美...
标签: Web开发
单行一列 以下是引用片段: body{margin:0px;padding:0px;text-align:center;} #content{margin-left:auto;margin-right:auto;width:400px;width:370px;} 两行一列 以下是引用片段: body{margin:0px;padding:0px;text-align:center;} #content-top{margin-left:auto;margin-right:auto;width:400px;width:370px;} #content-end{marg...

经验教程

770

收藏

7
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部