-
无论是左右结构、多列的布局还是单独一个DIV宽度的布局设置都需要注意宽度的把握与计算，特别是使用了padding、margin、边框等CSS属性，这个时候我们都需要将它们设置的占用宽度计算入内，牢牢把握同排各宽度之和小于或等于总宽度，如果大于总宽度将会出现错位的兼容问题。所以一般错位时我们就可以从计算宽度入手，当然错位还有很多原因这里也是解决错位兼容问题的方法...
-
1. 文档类型声明及编码: 统一为html5声明类型<!DOCTYPE html>; 编码统一为<meta charset="gbk" />, 书写时利用IDE实现层次分明的缩进;
-
高手请略过，本文提供的这个小技巧教程适合初学CSS的人和网页制作的人，主要实现在段落的前面自动缩进两个字。
-
CSS3中绘制渐变背景.火狐浏览器 ：
-moz-linear-gradient(起始点, 其实颜色, [中间颜色 百分比], 结束颜色)。
起始点 ：left top center bottom，可以组合。
颜色 ： ragba，如果是transparent则为透明。
-moz-linear-gradient(center top, transparent, transparent 49%, rgba(2,37,58,0.5) 50%, rgba(63,111,135,0.5)); 中上开始。
-
一般能用CSS处理的就尽量不要用JS了，个中的原因，你懂的……本人整理了一下使用滤镜的方法处理IE6下的PNG半透明，但该方法也有局限性，不能使用背景定位，也就是不能使用CSS Script。
-
一、border-image的兼容性
border-image可以说是CSS3中的一员大将，将来一定会大放光彩，其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限，仅Firefox3.5，chrome浏览器，Safari3+支持border-image。所以，就本文而言，IE浏览器可以回家休息了，Firefox3及其以下以及Opera浏览器也可以休息去看《阿凡达》了。所以，本文提供的一些demo页面，要在Firefox3.5+，chro...
-
用margin还是用padding这个问题是每个学习CSS进阶时的必经之路。CSS边距属性定义元素周围的空间。通过使用单独的属性，可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。
-
利用个border偌大的半透明边框属性（demo中边框宽度200像素），边框颜色为rgba黑色半透明，然后50%圆角。再用用定位把它覆盖在图片上面。
-
position: fixed;这个属性用起来确实很方便，可以轻松的实现固定位置的浮动层效果。但是，它不支持IE6及以下版本。于是很多同学使用JS模拟。今天写了一个DEMO，涉及左侧、右侧。及上下两边，共四种位置的固定，与以往的教程不同的地方是，它使用CSS表达式来兼容IE5、IE6，且避免了js模拟时，拖动滚动条时出现抖动的问题，另外在IE5或者怪癖模式下也完全正常，没有任何问题。...
-
其中 -moz-border-radius 是 Firefox 实现圆角的私有属性，而 -webkit-border-radius是 webkit 内核浏览器（如 Safari 和 Chrome）实现圆角的私有属性。
-
css设置img随div宽度变化自动变化的方法：
-
HTML5提供了一些新的元素可以让我们不用JS轻松实现实用的web表单，CSS3提供了很多新的特性，这些特性允许实现新的设计效果（比如动画、渐变等）
-
文字阴影在很多CMS设计中都有应用，在过去我们只能通过图片来实现在Web上显示文字阴影，但是这样做对不太利于SEO，所以在CSS3中，text-shadow又恢复了其属性（text-shadow属性是CSS3中定义的，在CSS2.1中删除了）。
-
我们都知道IE6，7并不支持CSS3的属性，IE8也不能很好的支持CSS3。但是有一个小脚本能够做到，它可以让IE支持 CSS3，包括：border-radius (rounded), box-shadow ( shadow), text-shadow等
-
IE6以及更低版本的浏览器对“：hover”的支持不理想，对于类似的“p:hover”、“img:hover”、“#header:hover”...,今天给大家介绍一种新的方法，可以完美解决IE6不支持hover的情况，用法很简单，将下载后的“csshover.htc”文件，定义在body样式内
