|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
网页制造poluoluo文章简介:良多人关于CSS都是边干边进修,由于它不像C#之类的言语那末庞大,看起来仿佛挺复杂,但是恰是这类对CSS的不完全的了解,招致了很多的CSS代码损坏了结构,大概带来了无停止的调试,以下总结了八条最多见的毛病,和它们的办理之道.
良多人关于CSS都是边干边进修,由于它不像C#之类的言语那末庞大,看起来仿佛挺复杂,但是恰是这类对CSS的不完全的了解,招致了很多的CSS代码损坏了结构,大概带来了无停止的调试,以下总结了八条最多见的毛病,和它们的办理之道:
1.不浏览大概没有读过W3C尺度的文档。
上图是W3CCSS2.1标准截图,这是以后独一的官方具体形貌CSS2功效的文件,年夜部分都是干巴巴的条则,不外幸亏有很多冗长有效的部分,当你不分明某些CSS功能的时分能够往查阅这个文档,上面列出一下对照经常使用的部分:
1.盒模子(Theboxmodel)
2.选择器(Selectors)
3.可视化格局模子(Visualformattingmodel)特别是浮动(floats)和块格局(blockformattingcontexts)
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的区分:
4.疏忽缩写。
这个属于CSS的功能方面,上面一个例子就申明了成绩:
DaimaRen.cn |
|