CSS布局:避免走误区
原创
©著作权归作者所有:来自51CTO博客作者Gdesign的原创作品,请联系作者获取转载授权,否则将追究法律责任
为什么我会写这篇文章呢,其实自己在学习div+css的时候没太多去看前人的经验,只是看了书了盲目的实践,能够把布局布出来就感觉自己真的学会了div+css布局,其实很久之前就要写的了,一直没有时间,今天拿出来跟大家分享下如果避免走误区。
自己在开发css也半年多了,其实div+css的真实名字叫XHTML+CSS,为了方便跟html区别我将写成div+css,自己刚开始写css的时候也是跟一些刚学的同学一样,感觉table比div快,在网页上随便拉拉几个框加上图片出OK了,但是如果你真的学习了div+css后你就会觉得它的好处和方便了,下面说入正题,我今天所说的误区就是选择对的游览器将是对你学习div+css的一个转折点。
我说下我的经验吧,在去年的时候我是使用IE6游览器的,但是在开发自己的学习网http://www.gzse7en.com的时候也是我刚开始学习div+css的时候,根本就不知道什么叫兼容,看书介绍过,但是没有真正遇过,当时开始的时候用标准的代码在IE6简直就是错位百出,我还以为是我自己的技术问题呢!我就根据错位的布局改代码改成在IE6下不错位为止,当时我电脑没有其他游览器了,其实TT,世界之窗那些都是基于你本机的IE内核的,根本就测试不出来,开发了一段时间后慢慢的就以IE6的规格去开发了,在今天的年后,我安装了WIN7后IE自动升级到IE8的时候,突然眼前傻了,在IE6所谓的整齐布局竟然在IE8走位严重,接着我变下载了IE7和FF、OP的一些游览器一测试基本都走位,这个时候我基本呆了,一个自己以为开发的不错的布局,在其他游览器却是乱位,那个时候我变下决心在看一些标准的CSS,然后遵循W3C标准和SEO专用的一些CSS类名词开发,经过努力后功夫真的不负有心人,现在竟然越来越熟悉标准的写法了。
这里我分享一下心得吧,在开发CSS+div布局的时候先按照FF和IE8来开发,现在这两个基本没有什么错误的了,然后IE6和IE7使用hack或者!important来写都可以,不过最好就是能做到标准,不需要写这些HACK。有一次我在网易163上面查看它们的CSS的时候竟然没有发现一个!important,大家不妨可以看一些大网站的写法,结合自己的习惯。
本人的网站:http://www.gzse7en.com
下一篇:我的友情链接
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
【CSS】CSS常见布局
目录1. 居中布局1.1 水平居中布局1.2 垂直居中布局1.3 水平垂直居中布局前言: 以前也了解过很多布局
定位 css html 多列 属性值 -
CSS:布局——伸缩布局flex
CSS中的Flex伸缩布局
默认值 取值 html