摘要：
选择器优先级计算 浏览器通过优先级来判断哪些属性值与一个元素最为相关，从而在该元素上应用这些属性值。优先级是基于不同种类选择器组成的匹配规则。 选择器优先级决定了哪一条样式规则会被浏览器应用在元素上。 优先级是如何计算的？ 优先级就是分配给指定的 CSS 声明的一个权重，它由 匹配的选择器中的 每一 阅读全文
摘要：
CSS 技巧 令你惊叹的CSS技巧大全 CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。 技巧1：渐变色文字 <style> /* 方式1 */ .gradi 阅读全文
摘要：
CSS3滤镜 CSS 滤镜就是提供类似 PS 的图形特效，像模糊，锐化或元素变色等功能。通常被用于调整图片，背景和边界的渲染。 浏览器的支持情况 属性值预览 grayscale(100%) 修改所有图片的颜色为黑白 (100% 灰度) blur(10px) 设置高斯模糊，单位为px，值越大越模糊 b 阅读全文
摘要：
CSS3动画 通过 CSS3，我们能够轻松创建动画，能够精确控制该元素在动画期间的每一个状态，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。 @keyframes 语法 定义动画，指定动画名称和动画效果。 @keyframes <identifier> { <keyfr 阅读全文
摘要：
css3 ＜3D 转换＞ 通过 CSS3 3D 转换，能够使我们对元素在2d空间内模拟3D运动，如：元素绕着Y轴和X轴旋转，沿着Z轴进行移动、缩放、拉长或拉伸等等。 3D兼容性 css3D属性 属性描述CSS transform 向元素应用 2D 或 3D 转换函数。 3 transform-ori 阅读全文
摘要：
CSS3 2D 转换 通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。 2D转换兼容性 2D转换使用 css3 2D转换属性 属性描述CSS transform 主流浏览器都支持此属性 3 transform-origin 可能的值：Left center right leng 阅读全文
摘要：
css3文本(text)模型 我们可以使用css3的新特性，给文本添加阴影，指定换行模式，规定文本的轮廓等一些效果，极大的弥补了css2当中的不足 属性模型 属性描述CSS text-overflow 规定当文本溢出包含元素时发生的事情。 3 text-fill-color 给文字指定填充颜色 3 阅读全文
摘要：
CSS3颜色和渐变 在CSS3中对颜色进行了很多扩展，我们不仅可以使用在css2中的rgb模式，十六进制模式，以及关键字模式，同时还支持RGBA模式，HSL 模式和HSLA模式，以及我们可以使用css3实现渐变色。 RGBA模式 RGBA在RGB的基础上多了控制alpha透明度的参数。以上R、G、B 阅读全文
摘要：
浏览器支持情况 CSS3过渡语法： transition：property duration [ timing-function delay ] 默认值：看每个独立属性 适用于：所有元素，包含伪对象:after和:before 继承性：无 动画性：否 属性说明 transition 简写属性，用于在 阅读全文
摘要：
浏览器支持 CSS背景属性 属性说明 background-image 设置背景图片 background-clip 背景剪裁属性是从指定位置开始绘制 background-origin 指定背景图片background-image 属性的原点相对区域 background-size 背景图片的大小 阅读全文