|
摘要：
布局基础理念 网站是否受欢迎固然要看网站的内部结构、前期定位和网站内容，但是网站中的各个网页看起来是否赏心悦目而便于操作，也是非常重要的，这就涉及到了网页的布局设计这个问题。随着Web标准的推广，将网页布局设计的更为合理，已经不再像在HTML时代那样难以做到，所以浏览者对网页布局的评价也越来越挑剔。 在这个Web标准“横行”的年代，只注重内容，不注重网页布局的网站必定会死掉，因为有... 阅读全文
posted @ 2008-11-27 21:04 linFen 阅读(5301) 评论(1) 推荐(1) 编辑
摘要：
1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用，请见 http://validator.w3.org 。请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误；我们建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。 2.使用浮动功能时记得适当清除指令 浮动是个危险的功能，未必会产生... 阅读全文
posted @ 2008-11-27 21:01 linFen 阅读(289) 评论(0) 推荐(0) 编辑
摘要：
如果你同时设置元素向一侧浮动和外边距，你会很吃惊的发现，你的布局总不能够如人所愿。原来这是IE 6及其以下版本的双倍边距问题。 试验： 参考元素 浮动元素 看看效果 此类问题的解决比较简单，你只需要在浮动元素中增加display:inline;规则即可。 .box2 { float:left; /* 浮动显示... 阅读全文
posted @ 2008-11-27 20:55 linFen 阅读(753) 评论(0) 推荐(0) 编辑
摘要：
今天发现在一个css文件里面使用 @import url(xxx.css); 有最大次数的限制，经测试IE6的最大次数是31次，第32个import及以后的都不能生效，如下：[css]@import url(1.css);@import url(2.css);@import url(3.css);@import url(4.css);@import url(5.css);@impo... 阅读全文
posted @ 2008-11-27 20:53 linFen 阅读(949) 评论(0) 推荐(0) 编辑
摘要：
屏蔽IE浏览器（也就是IE下不显示） *:lang(zh) select {font:12px !important;} /*FF的专用*/select:empty {font:12px !important;} /*safari可见*/这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。 仅IE7识别 *+html {…}当面临需要只针对IE7做样式... 阅读全文
posted @ 2008-11-27 20:51 linFen 阅读(181) 评论(0) 推荐(0) 编辑
摘要：
翻译说明： 这是Solid State Group网站上的一篇很友好的文章，解决了我在设计中遇到的很多问题，故在此我翻译其文，并对原作者表示非常感谢！ 查看原文：http://diger.cn/blog/?p=324英文地址：http://www.solidstategroup.com/page/1592 1、说明本文阐述了8条我们发现的在用CSS设计中有用的解决方案。 2、浏览器特定的选择器 当... 阅读全文
posted @ 2008-11-27 20:48 linFen 阅读(148) 评论(0) 推荐(0) 编辑
摘要：
出现的浏览器：IE6 IE7（在firefox中正常没问题） 问题现象：div的内容（包括文字，图片，表单等）和背景分离开了看起来像在两个不同的层里面一样。 本来是为了实现一个可变背景的页面，让页面的背景颜色和透明度可变(即下面代码中的id=main的div)，但是内容的颜色和透明度不随背景变而变（即id=content的div），于是需要在内容层的下面加一个z-index比它低的层（即... 阅读全文
posted @ 2008-11-27 20:43 linFen 阅读(244) 评论(0) 推荐(0) 编辑
摘要：
对css缩写的支持问题： 不论是ie 还是ff对css的缩写都有一小点问题 比如 border: 0xp solid #fff;两个浏览器支持都没有问题 但对于四个边的magin不同情况下，就不能用这种缩写了，无论是ie还是ff又会出现边界解释错误，而导致页面变形 正确缩写： border-width:0px 1px 2px 3px; border-style:solid; border-... 阅读全文
posted @ 2008-11-27 20:42 linFen 阅读(290) 评论(0) 推荐(0) 编辑
摘要：
W3C定义的盒模式如下: width和height定义的是Content部分的宽度和高度，padding border margin的宽度依次加在外面。背景会填充padding和content部分。但是由于浏览器设计上的问题，不同浏览器显示效果会有些不同。左右Margin加倍的问题当box为float时，IE6中box左右的margin会加倍 比如： Untitled Docume... 阅读全文
posted @ 2008-11-27 19:28 linFen 阅读(259) 评论(0) 推荐(0) 编辑 |
||
