摘要： 学点高效地进行CSS 编码技巧，把样式表马上裁减到最小为止。可能看不到什么惊人的改变，但对于大站来说，微小的字节减少也很重要。 有很多地方可以减少代码的长度，包括 简记属性 (shorthand properties)， 多重声明 (multiple declarations)，默认值 (default values)， 继承 (inheritance)，和空白 (white space... 阅读全文

摘要： 常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：downlo... 阅读全文

摘要： 子选择器招数(Hack) 最安全的过滤器依赖于未实现的CSS，而不是浏览器Bug。因为这些过滤器使用有效的CSS选择器来应用有效的声明，所以严格地说，他们根本不是过滤器。他们仅仅是某些浏览器所不能理解的有效CSS规则。这些过滤器中的第一个称为子选择器招数。Windows上的IE6和更低版本的IE不支持子选择器，所以可以使用它对这些浏览器隐藏规则。为了让这种过滤器起到作用，必须确保在子选择器... 阅读全文

摘要： 屏蔽IE浏览器（也就是IE下不显示） *:lang(zh) select {font:12px !important;} /*FF,OP可见*/ select:empty {font:12px !important;} /*safari可见*/ 这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。 仅IE7识别 *+html {…} 当面临需要只针对IE7做样... 阅读全文

摘要： （转载） 对于CSS当中让IE7、IE6、Firefox兼容最著名且最有用的CSS过滤器之一是星号 * Html HACK。这个过滤器非常容易记住，它可以制定IE6和更低版本。正如你知道的，Html 元素被认为是网页上的第一个元素，即根元素。但是，IE 的所有当前版本有一个匿名的根元素，它包围着Html 元素。那么这个匿名的元素或者说隐藏的元素到底是什么元素呢？其实它就是鼎鼎大名的* 号，所以我... 阅读全文

摘要： 近日，有朋友问：我的网页里有三个版块用div怎么实现？ 下面就有关三个版块的div布局示意一下： 思路为：1.先定义出图中红色DIV“1”. 2.然后在红色框架中套两个绿色DIV“2”（分别把两个绿色DIV用CSS定义，一个居左，一个居右---CSS：float:left ; float:right;）. 3.再在右边这个绿色DIV中套两个蓝色DIV... 阅读全文

摘要： 用HTML+CSS布局，有一个技术一开始让人不习惯，应该说是一种思维方式与传统表格布局不一样，那就是：所有辅助图片都用背景来实现。 类似这样：BACKGROUND: url(images/bg_poem.jpg) #FEFEFE no-repeat right bottom; 尽管可以用直接插在内容中，但这是不被赞成的。 这里的"辅助图片"是指那些不是作为页面要表达的内容的一部分，... 阅读全文