css3新属性和选择器

  css3 的新增的选择器

　　

* 通用选择器 选择所有元素
<type> 元素选择器 选择指定类型的元素 
#<id> id 选择器 选择指定 id 属性的元素
.<class> class 选择器 选择指定 class 属性的元素
[attr]系列 属性选择器 选择指定 attr 属性的元素 
s1,s2,s3... 分组选择器 选择多个选择器的元素 
s1 s2 后代选择器 选择指定选择器的后代元素 
s1 > s2 子选择器 选择指定选择器的子元素 
s1 + s2 相邻兄弟选择器 选择指定选择器相邻的元素 
s1 ~ s2 普通兄弟选择器 选择指定选择器后面的元素 
::first-line 伪元素选择器 选择块级元素文本的首行 1
::first-letter 伪元素选择器 选择块级元素文本的首字母 
::before 伪元素选择器 选择元素之前插入内容 
::after 伪元素选择器 选择元素之后插入内容

css3的优先级

!important>行内样式>id>class>元素>全局选择器

css3的文本效果

　　text-align: center justify left right; 文本对齐 值是 居中 两端 左 右

　　text-shadow: ; 第一个参数是X轴 第二个是 Y轴  第三个是 模糊度  第四个是范围  第五个 就一个内阴影 inset

　　text-decoration: none overline underline line-through; 文本修饰 第一个是 没有效果 第二个是上划线 第三个是 下划线 第四个是 删除线

css3的变形效果

　　transform 指定应用的变换功能
　　transform-origin 指定变换的起点

　四个属性值

　　　　none 无变换
　　　　translate(长度值或百分数值)
　　　　translateX(长度值或百分数值)
　　　　translatY(长度值或百分数值)
　　　　在水平方向、垂直方向或两个方向上平移
　元素。
　　　　scale(数值)
　　　　scaleX(数值)
　　　　scaleY(数值)
　　　　在水平方向、垂直方向或两个方向上缩放
元素
　　　　rotate(角度) 旋转元素
　　　　skew(角度)
　　　　skewX(角度)
　　　　skewY(角度)
　　　　在水平方向、垂直方向或两个方向上使元
素倾斜一定的角度
　　　　matrix(4~6 数值，逗号隔开) 指定自定义变换

 CSS3过渡效果

   

过渡简介
　　　　过渡效果一般是通过一些简单的 CSS 动作触发平滑过渡功能， 比如： :hover、 :focus、
:active、:checked 等。CSS3 提供了 transition 属性来实现这个过渡功能，主要属性如下

　　　　transition-property 指定过渡或动态模拟的 CSS 属性
　　　　transition-duration 指定完成过渡所需的时间
　　　　transition-timing-function 指定过渡的函数
　　　　transition-delay 指定过渡开始出现的延迟时间
　　　　transition 简写形式，按照上门四个属性值连写

动画已经说过了不再重提；

@media (min-width: 768px) and (max-width: 991px)媒体查询