CSS基础（二）动画属性@keyframes动画名{form{top:0px;css-style}to{top:200p

动画属性

@keyframes 动画名{ form{top:0px;css-style} to{top:200px;css-style} } @keyframes 动画名{ 0% {css-style} 25% {css-style} 50%{} 75%{} 100%{} }
animation 设置对象所应用的动画特效语法 animation: name(动画名) duration（指定多长时间可以完成） timing-function（将如何完成一个周期） delay（启动前延迟间隔） interation-count（动画播放次数） direction（是否应该轮流反向播放动画） fill-mode（当动画完成和即将开始阶段应用的元素样式） play-state（指定动画是否正在运行或者已暂停）
background 背景属性语法 background:bg-color（颜色） bg-image position/bg-size（图像位置和大小） bg-repeat（重复 repeat-X(水平) repeat-Y(垂直) no-repeat(不重复) inherit(继承)） bg-origin（图像定位区域） bg-clip（图片绘画区域） bg-attachment（图像是否固定） initial|inherit;
border 边框
border-width 边框的宽度
border-style 边框的样式 none(无边框) hidden(对表用于解决边框冲突) dotted(定义点状边框) dashed(定义虚线) solid(定义实线) double(定义双线) inherit(继承父元素)
border-color 边框的颜色
border-bottom 对象底部的边框

border-right 右边边框特性
- border-right-width 底部边框宽度
- border-right-style 底部边框样式
- border-right-color 底部边框颜色
border-radius 对象的圆角边框左上右上左下右下
border-shadow 向方框添加一个或多个阴影 h-shadow（水平位置） v-shadow（垂直位置） blur（模糊距离） spread（阴影大小） color inset（从外层开始）
盒子属性 box overflow visible(默认值内容出现在元素框之外) hidden(溢出隐藏) scroll(内容被修剪) auto (若内容被修剪会出现滚动条)
roation 对元素进行旋转
color 颜色属性
padding 内边距属性上右下左
尺寸属性 height width
flexible box 弹性盒子模型属性语法 flex: flex-grow（扩展） flex-shrink（收缩） flex-basis（项目长度）|auto（与1 1auto相同）|initial（默认值）|inherit（继承）;
font 字体属性
内容生成属性
content 与 :before 以及 :after 伪元素配合使用，来插入生成内容

- none 默认值 
- normal 正常
- counter 设定计数器内容
- string 设置content 到制定的文本

grid 网格属性 columns 宽度 rows 高度
超链接属性语法 target :target-name(打开链接的位置), target-new（打开新链接）,和target-position（链接位置）
list 列表属性 list-style ：列表标记类型位置图像
外边距 margin: 上右下左 margin-bottom 下边距
- margin : 上左右下
- margin: 上下左右
- margin: 四个边距
marquee 字幕属性
column 多列属性
positioning 定位属性