选择器——选择属性att值为val的元素
选择器——选择属性att值包含val的元素
选择器——选择属性att值以val开头的元素
选择器——选择属性att值以val结尾的元素
选择器——文档的根元素，HTML中即为html元素
选择器——对除了：not（）内的其他元素使用样式
选择器——当元素内内容为空白时使用样式
选择器——当一个元素的id被其他元素用来跳转时，跳转后对跳转到的那个元素使用样式
选择器
选择器
选择器——、、
选择器
的问题：指的是如果一个元素是其父元素的第奇数个子元素，且这个元素是h2，则应用样式。
因此需要一个对第奇数个h2子元素应用样式的选择器：
——例如，参数还可以设置为可循环的的形式：
——当父元素只有一个子元素时，对子元素使用样式，等价于
——等价于
——被激活（鼠标按下还未松开）时使用样式
——获得光标焦点时
——处于非只读状态是应用样式
——或处于选取状态时应用样式
——对页面打开时默认处于选取状态的单选框或复选框应用样式，需要注意的是，即使用户将其设置为非选取状态，样式对其仍然有效
——当页面打开时，一组单选框中没有一个单选框时整组单选框的样式，当有任意一个单选框被选中时，该样式被取消
——处于选中状态时的样式
在HTML5中元素新增了两个属性：和，其中
属性是一个布尔属性，规定必需在提交表单之前填写输入字段
属性规定一个用于验证 元素的值的正则表达式。
——当一个//元素允许使用属性且指定了属性时应用样式
——当一个//元素允许使用属性且未指定属性时应用样式
——当一个元素设置了和且其内容不符合这两个属性的要求时应用样式
——当一个元素设置了和且其内容符合这两个属性的要求时应用样式
元素可以设置和
——元素的值在和之间
——元素的值不在和之间
例如：
使用指定内容：
其中还可以设置为：
——图片
——设置图片的样式
，同时在原元素中使用来增加计数，其中编号种类是可选项
和——设置开头和结尾文字符号，并在原元素中设置来设置具体是什么符号。
四个属性值分别为：
阴影离开文字的横方向距离，必须设定，可以为负值
阴影离开文字的纵方向距离，必须设定，可以为负值
阴影的模糊半径，可省略
阴影的颜色，可省略，可以放在最前面，也可以放在最后面
可以指定多个阴影，用逗号隔开：
设置文字自动换行
word-wrap属性允许长的内容可以自动换行。
CSS3新增了Web Fonts功能，使得网页可以使用服务器端字体。
同时可以设置斜体或粗体字体：
还可以使用来设置客户端本地字体。
可以元素中设置来使得修改字体种类时保持文字大小不变。
当然也可以使用。
当文本溢出包含它的元素，应该发生什么。
四个属性值分别为：
阴影离开盒的横方向距离，可以为负值
阴影离开盒的纵方向距离，可以为负值
阴影的模糊半径
阴影的颜色，可以放在最前面，也可以放在最后面
还可以创建盒内阴影，例如：
其中第二个5px为展开半径。
background-clip属性指定背景绘制区域。
背景图片的绘制起点，默认为padding的左上角。
指定背景图片大小。
repeat-x：背景图像在横向上平铺
repeat-y：背景图像在纵向上平铺
repeat：背景图像在横向和纵向平铺
no-repeat：背景图像不平铺
round：背景图像自动缩放直到适应且填充满整个容器。（CSS3）
space：背景图像以相同的间距平铺且填充满整个容器或某个方向。（CSS3）
——四个角半径都为20px
——左上角和右下角半径为40px，右上角和左下角半径为20px
更多的看这里
是速记属性，用于设置、、、、的值。
属性指定要使用的图像
属性指定图像的边界向内偏移
属性指定图像边界的宽度
用于指定在边框外部绘制 border-image-area 的量
属性用于图像边界是否应重复（repeated）、拉伸（stretched）或铺满（rounded）
具体取值方式可以看这个。
缩放，指定缩放倍率。
水平垂直都缩小为原来的一半
水平缩小为原来的一半，垂直放大为原来的两倍
倾斜，指定倾斜角度。
只在水平方向上倾斜30度，垂直方向不倾斜
水平倾斜30度，垂直倾斜40度
移动，指定移动距离
只在水平方向上移动50px，垂直方向不移动
水平移动50px，垂直移动60px
旋转，指定顺时针旋转角度
上述四种方法还可以组合使用，如：
在上边这些方法后加上、、
如
或加上
如
使用3D动画可以触发GPU加速来提高性能
使用如的形式来指定2d变形矩阵
使用如的形式来指定3d变形矩阵
变形矩阵上课有学过，这里不再赘述
transition功能支持从一个属性值平滑过渡到另一个属性值
animation功能支持通过关键帧的指定来在页面上产生更复杂的动画效果
其中delay是可选的
例子：
其中可以写成
也可以使用delay属性：
过渡多个属性：
直接用一个div的无限旋转做例子吧：
在CSS3中，使用属性来使用多栏布局方式。
不同浏览器需要加前缀。
使用多栏布局时需要设定元素中多个栏目相加后的总宽度。
可以使用属性设置多栏之间的间隔距离（可选）。
可以使用属性在栏与栏之间增加一条间隔线（可选）。
在CSS3中，通过属性来使用盒布局。
不同浏览器需要加前缀。
具体总结可以看这里。
例如三栏布局：
使用order改变顺序：
使用flex-direction改变元素的排列方向
可指定值：
row：横向排列（默认）
row-reverse：横向反向排列
column：纵向排列
column-reverse：纵向反向排列
对多个元素使用flex属性：
实际上flex值是先将各个子div按内容大小分配完高度后，将剩余剩余高度按照flex值分配给各个子div。
可以使用flex-grow属性来指定元素宽度或高度，分配方式与flex相同
使用flex-wrap样式属性来指定单行布局或多行布局
nowrap：不换行
wrap：换行
wrap-reverse：虽然换行，但是换行方向与使用wrap样式属性值时的换行方向相反
弹性盒布局
使用jusify-content指定水平方向上如何布局子元素外的空白部分
使用align-items指定垂直方向上如何布局子元素以外的空白部分
align-self与align-items类似，区别在于align-items指定所有子元素的对齐方式，而align-self单独指定某个子元素的对齐方式
align-content
使用该方法来自动计算元素的宽度等数值类型的样式属性值
rgba
transparent
outline-offset
resize
initial
filter
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery 响应式布局 jquery响应式布局 viewport