水平导航栏

   垂直导航居中链接以及添加边框，全高固定垂直导航栏    居中链接以及添加边框    把 text-align:center 添加到 <li> 或 <a>，使链接居中。    将 border 属性添加到 <ul>，在导航栏周围添加边框。如果您还希望在导航栏内添加边框，请为所有 <li> 元素添加 border-bottom，最后一个元素除外：    实例 ul {  border: 1px solid #555

垂直导航栏实例，活动/当前导航链接创建背景色为灰色的基础垂直导航栏，并在用户将鼠标移到链接上时改变链接的背景色：实例ul {   list-style-type: none;   margin: 0;   padding: 0;   width: 200px;   background-color: #f1f1f1; } li 

   CSS 垂直导航栏    垂直导航栏        如需构建垂直导航栏，除了上一章中的代码外，还可以在列表中设置 <a> 元素的样式：    实例 li a {  display: block;  width: 60px; }    例子解释：    display: block; - 将链接显示为块元素可以使整个链接区域都可以被单击（而不仅仅是文本），我们还可以指定宽度（如果需要，还可以指定内边距、外边距、高度等）。    w

CSS animation 属性

实例

使用简写属性，将动画与 div 元素绑定：

div
{
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /* Safari 和 Chrome */
}

CSS animation-timing-function 属性实例从开头到结尾以相同的速度来播放动画：div { animation-timing-function:2s; -webkit-animation-timing-function:2s; /* Safari 和 Chrome */ }定义和用法animation-timing-function 规定动画的速度曲线。速度曲线定义动画从一套 CSS 样式变为另一套所用的时间。速度曲线用于

CSS animation-play-state 属性，设置动画暂停或运行状态

实例

暂停动画：

div
{
animation-play-state:paused;
-webkit-animation-play-state:paused; /* Safari 和 Chrome */
}

   CSS animation-name 属性    实例    为 @keyframes 动画规定一个名称： div { animation:mymove 5s infinite; -webkit-animation:mymove 5s infinite; /* Safari 和 Chrome */ }    定义和用法    animation-name 属性为 @keyframes 动画规定名称。    注释：请始终规定 animation-durati

CSS animation-iteration-count 属性 设置播放动画次数

实例

播放动画三次：

div
{
animation-iteration-count:3;
-webkit-animation-iteration-count:3; /* Safari 和 Chrome */
}

CSS animation-fill-mode 属性，播放之前或之后，其动画效果是否可见实例为 h1 元素规定填充模式：h1   {   animation-fill-mode: forwards;   }定义和用法animation-fill-mode 属性规定动画在播放之前或之后，其动画效果是否可见。注释：其属性值是由逗号分隔的一个或多个填充模式关键词.默认值：none继承性：no版本：CSS3JavaScript &nb