css基础

css基础：

引入：

内部引入
外部引入

---

描述规则：

选择符号 描述信息

选择符
类 id 节点

描述信息是json格式

---

css字体 链接 表格

css字体属性：
字体：font-family
字体大小：font-size
字体样式：font-sytle（斜体。。。）
字体粗细：font-weight
字体变化：font-variant

css文本属性：
首行缩进：text-indent
文本字符间距：letter-spacing
文本装饰：text-decoration（下划线。。。）
文字位置：text-align（对齐方式）

css链接属性：
未被访问：a:link
已访问： a:visited
鼠标放到连接上：a:hover
链接被点击：a:active

css列表属性
列表样式：list-style-type（无需列表或有序列表的样式，如001 002 。。。）
列表图片：list-style-image：url（“”）（把001 002 用图片替代）
伸缩样式：list-style-position（inside往里缩进 outside往外缩进）

css表格属性
表格边框：border
表格折叠外边框：border-collapse
内边距：padding
高度：height

css盒子模型

边框： border
宽度 样式（实线。。。） 颜色
圆角 border-radius
内边距：padding （上右下左）
外边距：margin（上右下左）
盒子内元素的宽高：weight height

内边距和外边距都是基于边框而言的，所谓的宽高是存放内容的宽高 我们看得见的是边框的颜色
如果不设置内边距，边框的大小就代表存放内容的大小。

position

css浮动

相对定位：relative 元素偏移某个距离（top left），元素仍保留其未定位前的位置 不会被其他元素取代原本所占的空间仍然保留
绝对定位：absolute 元素档从文档流完全删除，并相对于其包含块定位 会被其他元素占据位置
浮动
float（left right）

css动画

transform 仿射变换
Rotate旋转属性
transform：rotate（45deg）
animation 动画
animation：关键帧名字 时长 无限循环 反向动画；

@keyframe myanimation {
    0%{

    }
    25%{

    }
    ...
    100%{

    }
}