浏览器发展/CSS布局/怎样运用?
来源:互联网 发布:angularjs 调用python 编辑:程序博客网 时间:2024/05/21 08:46
IE7正在逼近...为什么使用逼近这个字眼呢?因为我为曾经使用CSS布局的网站感到担忧.
CSS Hack
曾经为了让多个浏览器达到同样的效果,使用的又是CSS布局,我使用了CSS Hack.但随着IE7的到来,一些作用的失效,布局又出现了严重的问题.难道我们所提倡的CSS布局就是这样的让人不安么?
出现问题自然会让人想到出现问题的原因.其实不难发现我们使用CSS Hack都是在解决一些鸡毛蒜皮的小事,把原本干干净净的CSS样式表弄的神秘又让人不解,我想这并不是CSS给我们带来的惊喜,而是场灾难.
可能读到这里都会有这样的疑问出现了,其实自从学习并开始在实践中使用这个布局技术后我就会经常问自己这个问题.
我的第一个作品,可是说是真正执行了CSS DIV这样的思路,可当我移掉样式表后,发现没有什么层次,文字图片胡乱地堆积在每个角落.于是使用布局的时候就得考虑标签的合理使用.
后来使用了传说中的FF浏览器,然后发现自己以前的N个作品在这个浏览器面前可以用丑陋来形容.也是从那天我才知道这个救世主并没有想象里那么让人向往.
现在问题又出现在了浏览器的交替问题上,似乎所有的问题都要归功于这个巨头的不时地出现新产品
坚持?还是合理使用?
可能现在没有过去那种因为自己用这个技术做了网站而沾沾自喜的人了.毕竟已经比较普遍了,因此更应该让使用的人们知道这个布局技术可能出现的问题,以及应该怎样合理的运用才是.
总结了下:
1.使用市场流行的浏览器进行测试
不要拿老的几乎看不到有人使用的浏览器来做测试,那是自虐...
2.不要动不动就使用div
你如果这样做,会很对不起其他的HTML标签...
3.做区域布局而不是细节布局
如果你想拿CSS来做象素图,我只能说,你把这个技术神化了...
4.尽量不要使用HACK
如果你自信能随时掌握各浏览器HACK的话,继续吧..可能会比较辛苦
5.使用简单布局
当你使用了N个嵌套,知道么,DIV和table一样烦人
6.合理使用样式名称
不一定用洋文,知道能马上知道是起什么作用的就行了
7.不要一味将样式写进单独的文件里
没必要为了一张页面中一个文字的特殊颜色而跑到.CSS文件里让它在每个页都读取下吧?
8.该用table布局就用table
不要搞的页面里找不到table才能算是标准页,效果,我们看的是效果.别忘记table的英文意思
后话
其实什么技术都是有一定的局限的,只有活用每个技术的优点才能做出优秀的作品.上面那些见解归我个人所有,近日经常能找到一些站转载一些翻译的文章,虽然我并不反对这样做,但我想转载文章的这些时间自己总结些东西,发布在自己的站上应该更不错吧? 又是我个人一点小小的牢骚...呵呵,希望看完这些能对大家有些帮助
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>- 浏览器发展/CSS布局/怎样运用?
- div+css 布局浏览器兼容
- 浏览器是怎样解析CSS选择器的?
- DIV+CSS布局浏览器兼容问题解决笔记
- 兼容浏览器的布局CSS心得体会
- 浏览器缩小 css布局乱了ok
- 十步教会你css怎样布局(英文)
- 使用div+CSS布局浏览器不兼容原因及解决办法
- IE和Firefox浏览器CSS网页布局不同点
- 浏览器内核分析5 -- CSS解释器和样式布局
- Linux怎样发展壮大
- Java 怎样运用Action
- 怎样运用servlet
- 工业毛刷的发展运用
- CSS布局:根据浏览器宽度自动把布局从三栏切换成两栏加底栏
- CSS布局终极方案之--圣杯布局(兼容IE6+,现代浏览器)
- CSS学习笔记8:实操——运用浮动简单布局网页
- 浏览器UserAgent发展历史
- 什么都还没有,不知道弄什么
- Mysql日期和时间函数不求人
- 组合CLASS来完成网页布局风格
- ADODB简介
- TDBGrid中用Enter仿真Tab键盘
- 浏览器发展/CSS布局/怎样运用?
- 关于sql数据库维护失败的问题查找方法
- 日期格式转换问题
- 想学win9x,nt,w2k下进程的深度隐藏吗?来这里吧
- 使用模板快速启动你的设计
- 查询sql遇到deadlock问题的解决
- 致中国程序员和所有关注中国软件发展的人们
- 网页设计应用:使用CSS截字
- 使用XML封装数据库操作语句的实现