切割图片这里不是真正的切割，只是用CSS取图片中的一部分而已。这样做的好处就是减少了打开网页时请求图片的次数。主要有两种方式，一是做为某一元素的背景图片，二是用img元素的属性。上面可以看出控制图片显示的关键在于clip:rect这句，千万不要忘记posi

对CSS3的强大一如既往的自信，自己在倒腾一个用例，就是一朵白云的两个表情切换，想想很容易实现吧，在PC上也是如此，用两个keyframes就搞定了。

第一部是#号后面的19 。是rgba透明度0.1的IEfilter值。从0.1到0.9每个数字对应一个IEfilter值。对应关系如下：0.1 - 19 ； 0.2 - 33 ； 0.3 - 4C ; 0.4 - 66 ; 0.5 - 7F ; 0.6 -

随着HTML 5 + CSS 3的普及，我们使用CSS代码实现的页面效果越来越华丽，而表单输入框获得焦点时的高光效果更是许多HTML 5站点所必备的表单必杀技。尤其是Twitter公司推出Bootstrap框架以后，表单高光效果几乎成为Bootstrape

偶尔看到一篇不错文章，在原来CSS3图形创建基础上扩展了很多。/*参考自身静态位置通过top,bottom,left,right定位，并且可以通过z-index进行层次分级 */. border-radius:100px 100px 0 0;/* 正方形的

id选择器可以为标有特定id的HTML元素指定特定的样式，id属性具有唯一性。class选择器用于描述一组元素的样式，也叫类选择器，class可以在多个元素中使用，并且一个元素也可以指定多个类名。class选择器在HTML中以class属性表示，在CSS中

CSS有三种基本的定位机制:普通流,浮动和绝对定位.除非专门指定,否则所有框都在普通流中定位,也就是说,普通流的位置由元素在html文档中的位置决定.块级框 从上倒下一个接一个的排列,框之间的距离是由框的垂直外边距计算出来的.

div全称是divsion，意为区分。如果单独使用div，那么其效果和使用<p></p>是一样的。一般div都会加上css来使用。div本身就相当于一个容器，里面照样可以嵌套使用。Css全称Cascading style Sheet

收录了些类似Bootstrap的CSS框架资源

比如transition的animation-play-state，就只有部分浏览器支持。

jQuery提供css()的方法来实现嵌入式改变元素样式，css()方法在使用上具有多样性。其中一种接受两个输入参数：样式属性和样式值，它们之间用逗号分开。比如我们要改变链接颜色，我们可以使用下面的代码：。$.css;$.hover;//hover()方法

浏览器支持情况：Internet Explorer 10、Firefox、Opera 和 Chrome 支持 transition 属性。transition-propertytransition-durationtransition-timing-fun

下面是CSS最常用和实用的技巧。h1{font-size:2em;}2.设置水平居中大多数的网站目前都是固定宽度的。div#container{margin:0auto;}3.控制位置：绝对位置，相对位置假如有两个div. div{float:left;m

背景：前端页面采用HTML5重新写过后，在手机等移动终端上跑了一段时间后，收到投诉抱怨：登录、注册页面加载过慢。只能对前端页面诊断可能存在影响页面加载显示速度的原因

}area1固定，area2可滚动，且滚动至area1区域时内容被覆盖；

一款可立体旋转的CSS导航按钮，当鼠标滑过时，按原位置左右旋转，创造一个优雅，醒目的效果。它采用了CSS3转换和过渡特效。支持IE10+，和所有现代版本的FF，Chrome浏览器，Safari浏览器，和Opera。当鼠标滑过LI时，我们旋转内部A和SPAN

在JSF2.0中，css、javascript、images应放在resources文件夹中。<h:graphicImage library="images" name="logo.png" /> 注意，

你对clear属性在CSS中的使用是否了解，这里向大家描述一下，在DIV+CSS设计网页中设置多个DIV并列排列，往往是使用float:left或float:right来实现，但问题出现了，当前面并列的多个DIV总宽度不足100%，下面的的DIV就很可能向

CSS3标 准已提出数年，但是目前能实现她的浏览器并不多，虽然部分浏览器能实现部分规范，但这又有什么用呢？面对更多的兼容性问题，CSSer们只有望洋轻叹。虽 然如此，但有前瞻性的我们，又怎能停步不前呢？今天我们就来“前瞻”一下CSS3的一个伪类选择器“:n

Hacking Rules:property:all-ie9;property:gte-ie8;*property:lte-ie7;+property:ie7;_property:ie6;_overflow:hidden;