火火的专栏

css3中background的几个属性（goole测试）background-clip（规定背景的绘制区域）background-clip: border-box|padding-box|content-box;border-box：背景被裁剪到边框盒。padding-box：背景被裁剪到内边距框。content-box：背景被裁剪到内容框。//只在内容区域显示js语法：object.s

css3中边框的总结css3中的很多方法很好用，减少了在以前只能用ps来拼图，比如圆角……不过要注意的就是兼容的问题；border-radius（对边框圆角）//可以用数值或者百分比 border-radius：属性是一个简写的属性，如果后面带一个值，表示四个角都按那个值来倒角，如果是两个值，前面那个值是左上/右下，后面那个是右上/左下；（带三个值，四个值）border-bottom-ri

css3中字体的设定 （@font-face）在css3之前，我们设定字体的时候会考虑大多数用户电脑上都有的字体，字体死板、空洞，没有艺术，美感，而现在css3为我们提供了自定义字体这一属性；你想怎么设定就怎么设定；先在网上下载好你要用的字体，然后放到你的项目文件夹下，最好新建一个文件夹font把字体放进去（就像你在项目文件中建立的css/js文件夹一样）在.css文件中引入你的字体样式（@fo

rgba()和opacity的比较这段时间我想用opacity给背景加个透明度，但是发现它里面的子元素也继承了；如果你只是想给遮罩层加个透明度（就像优酷登陆时弹出的遮罩层上面是登陆框，如果登陆框也透明，你想想那是什么感觉）。当然解决的方法也有就是用平级元素，然后再定位；这就麻烦了！下面就引出css3中的rgba();rgba语法:R：红色值。正整数 | 百分数G：绿色值。正整数 | 百分数B：蓝色值

css3(transform变形)在CSS3中，用Transform功能可以实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形，这四种变形分别使用rotate、scale、skew和translate这四种方法来实现。将这四种变形结合使用，就会产生不同的效果，使用顺序不同，产生的效果是不一样的。　　目前浏览器支持情况：Safari 3.1+、 Chrome 8+、Firefox 4+、Opera

css3文本效果text-shadow,word-wraptext-shadow: 在css3中我们可以给单调的文字加上阴影效果，赋予文字美感；text-shadow:h-shadow v-shadow blur color； h-shadow:（必须）水平阴影的位置，允许负值；v-shadow:(必需)垂直阴影的位置，允许负值；blur：（可选）模糊的距离；（锐化阴影）color：（

CSS3的filter这几天在网上看到了CSS3里面的filter的用法，然后就自己试验了，如果不考虑兼容性，发觉真心的强大。这个方法主要是对图片颜色的处理。 其默认值是none，他不具备继承性，filter具有以下值可选：grayscale灰度sepia褐色saturate饱和度hue-rotate色相旋转invert反色opacity透明度brightness亮度contras