Css : DIV+CSS不同浏览器的不同处理(2009-04-24 16:07:35)
标签:
css 分类:
网站设计我们做一个页面,以前可能会以为最要看起来的效果能达到预先的效果就可以了。
但事实上不是那么一回事,现在,你必须关注代码,你必须让你写的代码有自己的意义,而不是纯粹为了外观。
我们应该在标题里使用h1,h2,在列表里使用ul,li,有时候也会用dl,dt,dd。需要用一个盒子把内容装起来,方便布局的时候,我们用div。虽然我们有时候会为了页面效果写一些与内容无关的代码进去,但这并不影响我们的概念是用让代码本身变得有意义。有些初学者会通篇都用div来写,那样子太傻了。
如果你养成这个习惯时,就不会犯一些错误,导致维护起来困难了。比如说一个新闻列表,你可以先不考虑样式,先定义一个<div id="newsbox"></div>把它装起来。这样以后我们只需要调整#newsbox的样式就可以调整这个新闻列表的位置。而不是单纯为了外表看起来像一个新闻列表而去写代码。
所以我建议大家都用记事本或者用稍高级一点的记事本代替本来练习。养成尽量节省代码的习惯,有些不需要重复写的地方,就用更省代码的方法去实现。
接下来的问题,主要就是明白css里的float的用法就可以了。
你一定要完全明白float是什么意思,
确定你真的明白了,然后你才不会犯很多错误,导致页面变形。
float往往会和clear:both联系在一起。因为有了浮动,有时候我们就需要清除浮动,以免在那个破fox里变形。
一般导致在不同浏览器兼容出问题的,一个是float没有清除。
一个是margin和padding各有一套计算方法
一个是忘了dl,ul这些东东是有自带的margin属性的。
还有一个,在ie6里有个float后的双倍margin的bug。避免这个问题的出现,切记不需要用到float的时候,就不要用。以免出现这个情况。
一个最容易变形的情况,是在body里定义了页面居中时,没有定义margin:auto;
这些都是初学者容易忽视的问题,我把问题指出来,但不要问我这些问题如何解决,原理是什么。学会自学,自己去查资料,这才是我能够教给你们的唯一真正有用的东西。
我们不需要买书,不需要老师,我们只是需要打开记事本,开始练习。
然后不断的发现问题,解决问题,并在这个过程中学习到经验和心得。
分享到:
相关推荐
DIV+CSS+JS静态分页程序可兼容主流浏览器(IE、FF、Opera) DIV+CSS表格(用DIV+CSS做的表格像素表格) 内容不多但是绝对实用,其实在做数据显示时还是推荐用表格,因为不是所有的地方数据显示有用DIV+CSS,在数据...
div+css 高度100% 绝对有用适应任何浏览器
div+css布局的相关知识,包括浏览器兼容性问题、导航栏固定、透明度设置等等
使用div+css开发个人网站毕业设计 目 录 前 言 1 第一章 网站开发背景 2 第一节 web概述 2 一、认识WEB 2 二、认识WEB2.0标准 2 第二章 DIV+CSS详解 5 第一节 DIV+CSS简介 5 第二节 级联样式表简介 6 第三节 DIV+CSS...
div+css浏览器兼容问题解决方法,不错,不错,不错……
div+css浏览器兼容问题
让div+css兼容所有浏览器的一些注意事项
用div+Css实现的选项卡效果,就像多个面板。很实用,也很简单,有需要的拿去。
DIV+CSS浏览器兼容方法,由于浏览器版本的问题。
CSS技巧汇总---div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...).pdf
div+css IE6/IE7/火狐等浏览器兼容问题解决办法
DIV+CSS浏览器兼容问题解决方法,很好的资料,欢迎下载!
使用div+css,实现select美化效果,兼容谷歌,火狐,IE6以上浏览器等。
DIV+CSS设计时浏览器兼容性问题.pdf
DIV+CSS解决IE6,IE7,IE8,FF兼容问题
这个很使用,用起来很方便,对于最新的火狐等等其它浏览器的问题都可以解决,
DIV+CSS 图片居中效果 兼容 IE FF。。等浏览器
div+css布局时的浏览器兼容问题 请各位认真阅读此文本,对大家一定有很大的启发,也许会纠正很多你的错误认识哦。