03/16~03/22周报

【本周任务】
一、demo
1.圆形旋转边框：
（1）transition属性：设置元素的过渡效果
分为四个：
（a）transition-property执行变换的属性
（b）transition-duration变换延续的时间
（c）transition-timing-function在延续时间段，变换的速率变化
（d）transition-delay变换延迟时间
效果分为六个：
1、ease：（逐渐变慢）默认值
2、linear：（匀速）
3、ease-in：(加速)
4、ease-out：（减速）
5、ease-in-out：（加速然后减速）
6、cubic-bezier
(2)transform属性：2D或3D转换
2.下划线跟随效果
(a)：before伪元素
附着在元素前的伪元素
content属性为“”/none表示看不到
(b)A~B
A之后出现所有的B
两种元素必须拥有相同的父元素,但不必挨着。
二、css
1.overflow:scroll和auto值如果内容被修改，则浏览器会显示滚动条；
2.clear:元素浮动之后，周围的元素会重新排列，为了避免这种情况，使用 clear 属性；
3.伪元素：
:link 选择未访问的链接
:visited 选择访问过的链接
:active 选择正在活动链接
:hover 选择正在活动链接
:focus 选择元素输入后具有焦点
:first-letter 选择的第一个字母
:first-line 选择的第一行
:first-child 选择器匹配属于任意元素的第一个子元素
:before 在每个元素之前插入内容
:after 在每个元素之后插入内容
4.导航栏=连接链表
添加分割线：

li{
	border-right:1px soild #aaa;
	}
li:last-child{
	border-right:none;
	}

【下周任务】
一、计数器和css3
二、练习题