css3

选择器：
相邻兄弟选择器：+，表示当前元素后面的一个相邻元素。
同意兄弟选择器：~，当前元素后面所以符合元素。
属性选择器：[]…[id]{},div[id]{},div[id='d'],[id][class]{}
[class~=“d1”]{}:class包含d1 的元素，（完整包含）
[class^=“d”]{}:class以d字母开头的
[class$=“d”]{}class以d字母结尾的
[class*=“d”]{}class包含d字母的
伪类选择器：：
css3之前的伪类选择器：链接伪类，link，visited。动态伪类：hover，active，focus。
css3:
锚点伪类：

div:target{
            /* 锚点选择器：设置选中的背景为红色 */
            background: red;
        }

<a href="#d1">d1</a>//链接锚点

<div id="d1"></div>

结构伪类：
（1）：first-child：其父元素的第一个子元素
如：p:first-child{color:red},则找的是p的父元素的第一个子元素。

<div>
	<p>aa</p>
	<p>aa</p>
	<p>aa</p>
	<p>aa</p>
</div>

（2）：last-child：其父元素的最后一个子元素

：empty:没有子元素的元素

（3）div:empty{
//设置为空的div元素宽和高。
	width:100px;
	height:100px;
}
<div></div>

（4）：only-child{}其父元素的唯一子元素

 p:only-child{}
  <div>
	<p></p>
</div>









   否定伪类：：not（selector）
   例如：将一个表格的第一列字体设为斜体
   td:not(td:nth-child(1)){
font-style:italic

}
伪元素选择器：
：first-letter：首字符
：first-line：首行。
：：selection：选中的文本。
内容生成：
：before，
：after

div:before{
	content:"我是哦："
}
<div>
	jakc
</div>

---

转换：
2D:
属性：transform
取值：（1）none，
（2）转换函数
1:translate（x）,translate（x,y）,translateX（x）,translateY（y）
2:scale(val):一个参数表示横向和纵向缩放比例一样。默认值1,不缩放。
旋转时，x和y轴跟着旋转。
scale（x,y），
scaleX（x）:只缩放横向。
scaleY(y)：只缩放纵向。
3：rotate（-30deg）：旋转,默认原点在中心。
即放大又旋转：transform：scale（1.2） rotate（20deg）;
4：skew(10deg):正值：逆时钟倾斜。

---

过渡：
1属性：transition-property:过渡属性。
值：(1)all:能用过度的一律都用过渡。
（2）具体属性。如background，
2属性：transition-duration：过渡时长。单位为s.ms,
3属性：transition-timing-function：过度的时间曲线函数。
值：ease（默认）：慢速开始，变快，慢速结束。
linear:匀速。
ease-in：慢速开始，加速结束。
ease-out：快速开始，慢速结束。
4：transition-delay:过渡的延时。单位m或ms.
简写：transition：property duration timing-function delay；

ex：transition：all 2s linear;