澄清DIV+CSS设计的误区
当DIV+CSS平地起惊雷突然出现在网页设计行业的时候,官方、民间无不推崇备至,仿佛Table设计的时代就要终结,马
上就要步入DIV+CSS的时代,不懂得DIV+CSS你都不好意思说你会网页设计,不知DIV+CSS你都不好意思说你是站长,你
要还是用TABLE来设计站点,无数鄙夷之光就投射而来。
然而DIV+CSS真的有这么神吗?该怎么真正的利用DIV+CSS优化站点,而不是挂羊头卖狗肉,插大葱装大象呢?
DIV+CSS的设计中有几点误区,尤其应该澄清:
1、DIV+CSS的合理之处在于可以进行网页的统一设计管理,通过一个样式表,牵一发而动全身,只要修改样式表,
就可以统一全站的风格,如果为一个页面单独做一个样式表,或者一个div就做一个样式表,没有全局设计观念,那么
这个div+CSS的设计方式就完全没有必要,甚至成了累赘;
2、像Table一样用DIV+CSS,无穷尽的嵌套,其效果与Table设计没有两样,并不会带来搜索引擎的优化效果,反而
会增加页面的负担;
3、推崇Div+CSS,却不考虑兼容性,TABLE设计由来已久,得到浏览器的广泛支持,所以显示效果很好,不会出现
错位情况,但是DIV+CSS却在部分浏览器中会发生页面错位的情况,因此在进行设计的时候也要考虑到不同浏览器的情
况,进行更改和调试。
当然DIV+CSS有其固有的优点:1、标准化的页面结构;2、有利于统一设计管理;3、可以得到搜索引擎良好的支持,
但似乎利用DIV+CSS要注意以上误区,相信站长都有很多的体会,也有更多成熟的设计理念。
相关文档:
图片自动适应大小的问题在平时制作的时候是比较常见的问题,下面提供一个比较简单的解决方法:
div img {
max-width:600px;
//IE7、FF等其他非IE浏览器下最大宽度为600px;
width:600px;
//所有浏览器中图片的大小为600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//当图片大小大于6 ......
由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。
这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏 ......
IE6/IE7/FF的CSS hack 浏览器兼容总结
2010-01-23 15:25
由于不同的浏览器对CSS的支持及解析结果不一样,处理的优先级不一样。针对不同的浏览器来写不同的CSS达到在不同浏览器下显示想要的效果就是css hack。先贴两个直观的对比图:
再贴一段代码:
#bgcolor {
background:red !important; /* Firefox 等其他浏览器 * ......
CSS 对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了 一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明。
CSS技巧
1.d ......
JavaScript动态加载CSS的三种方法 收藏
如果你有很多关联的CSS文件要一起加载,或者想动态的加载不同的CSS文件,那么下面的方法你一定对你有帮助。
第一种:一般用在外部CSS文件中加载必须的文件
程序代码
@import url(style.css);
/*只能用在CSS文件中或者style标签中*/
第二种:简单的在页面中加载一 ......