网页制作

学习CSS，除了基础，还有必学的一课，就是CSS hack，很多书籍上都有涉及。当时觉得这个东西很神秘，可以针对某个或某些浏览器写些特别的 CSS 样式而不影响其他，而且用起来也很方便。

近来HTML5+CSS3，以及相关的游戏开发都很火啊，本人也得跟上时代的脚步，做了一个CSS3的小Demo供大家指点。

完美解决IE6不支持position:fixed的bug，需要的朋友可以参考下。

这里向大家描述一下CSS中border:none;与border:0;的区别，主要表现在两个方面，一是理论上的性能差异，二是浏览器兼容性的差异。

大家在写样式表时，往往喜欢在样式表开始用上这样一句全局样式，这样虽然有很多好处，如可以把H类和P还有UL默认的内外补丁给去除，着实挺方便的，但小A建议不要滥用，因为在某些时候它也会产生意想不到的后果。

网页添加CSS样式表的四种方法，大家可以根据需要选择自己喜欢的方式。

如果内层DIV将position属性设置为absolute，并设置left，和top等属性，还需要考虑外层DIV的position属性设置。

css :nth-child与:nth-of-type之小解,需要的朋友可以参考下。

全屏垂直居中的一个办法 DIV+CSS , 这个方面有一点不好， 就是不能自动适应，必须把高和宽写死！

css的语法结构仅仅有三部分组成：选择符（Selector）、属性（property）、和值（value）。

CSS常用优化技巧,提高css书写技巧。

对于简单的Web站点，可以只使用一个CSS文件。对于大型的复杂站点，对样式表进行分割以便简化维护是一种好做法。

DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义,在css布局中经常用得到。

但凡是前端工程师，都知道IE6，IE7，IE8不支持、或者不完全支持CSS3的属性。

在当今高速发展的中国，嫦娥已奔月、高铁已运转、杀人已不犯法、苹果当红的形势下，IE6浏览器本应受到极大重创，然而自2001年10月IE6问世以来，中国网民数量对此浏览器的喜爱却有增无减，原因何在：

样式规则有三种来源，分别为：

像下面图中的布局，如果排列的元素是登高的话，相信很多人都会使用浮动来布局，不过如果元素不等高的话，不添加多余的标签，浮动布局是很难实现下图中的效果。如果遇到这种情况，可以使用inline-block来布局。

在css设置中，我们一般用行高line-height来设定某一行的高度，这在ie7与firefox等浏览器都适用。但当行中有其他元素时（如图片，SPAN,li..）在IE6.0下line-height会不起效果，后来查了下资料，果然如此，资料如下：

META标签，是HTML语言head区的一个辅助性标签。在几乎所有的page里，我们都可以看到类似下面这段html代码：

“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”