学前端的第七天（CSS Day05）

css3 变换
移动，缩放，旋转，拉伸
transform : 变换
translate:移动
translate(x轴,y轴)
注：如果只有一个值，相当于只移动水平方向

  rotate:
     rotate(角度)：默认是Z轴
     rotateX \rotateY\rotateZ

  scale()：缩放		 
    scale(x,y):只有一个值 时，x,y方向同时变化
	 scaleX()
	 scaleY()
	 
  skew():倾斜		 

css3 动画

1. 定义动画
   方1：
   @keyframes 动画名{
   from{
   }
   to{
   }
   }

方2：
@keyframes 动画名{
10%{
}
20%{
}
100%{
}
}

2. 使用动画
   animation: 动画名称 持续时间 过渡类型 延迟的时间 循环次数 反向 状态

3. 定义字体
   语法：
   第一步定义CSS3字体规则
   @font-face{ font-family:name; src:;}

第二步引用css3字体
div{ font-family：name}

应用：
字体图标

4. 媒体查询器(响应式网页，后面讲)

border-radius:定义圆角
5px
左上，右上，右下，左下

================================
a标签

属性:
target:目标
_self（默认） : 自身
_blank: 新窗口
iframe 框架名字

三种类型：
1. 页面链接

 2. 锚点链接
    本页面的锚点：
	    step1 : 定义锚点
		   <a name="锚点名字"></a>
		step2: 链接锚点
           <a href="#锚点名字"></a>
		   
    其它页面的锚点：
        step1 : 定义锚点
		   <a name="锚点名字"></a>
		step2: 链接锚点
           <a href="页面地址#锚点名字"></a>			
3. 功能性链接
    <a href="mailto:2660215364@qq.com"></a>