这是我参与「第五届青训营 」伴学笔记创作活动的第 6 天
盒子模型
在盒子模型中，带有方向的属性的值遵从的顺序均为上右下左 盒子模型用四个边界描述：margin (外边距), border (边框)，padding (内边距)，content (内容区域)
margin（外边距）
- 默认值0，margin没有继承性
- 常使用方式
margin: 10px 5px 15px 20px; //表示上外边距是10px,右外边距是5px，下外边距/是15px,右外边距是20px 四个外边距的顺序从上开始，按照顺时针方向设置。
border(CSS边框)
边框常用css为：border：宽度 样式 颜色;
- css边框的属性及说明
- css边框样式
padding（内边距）
padding常使用css为：h1 {padding: 5px 6px 7px 8px;}
css高级应用
transition（过渡）
使用场景：使元素从一种样式转变为另外一种样式的时候添加效果，如渐变、动作快慢等
transition常用属性：
- transition-property属性:规定设置过渡效果的CSS属性的名称。
不常用
- transition-duration属性:规定完成过渡效果需要多少秒或毫秒。
默认值为0,语法格式为：transition-duration: time;
- transition-timing-function属性:规定速度效果的速度曲线。
默认值为ease，语法格式为：transition-timing function:linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n);
- transition-delay属性:定义过渡效果何时开始。
该属性规定过滤效果何时开始，默认值为0，其常用单位是秒或毫秒。transition-delay的属性值可以为正整数、负整数和0。当设置为负数时，过渡动作会从该时间点开始，之前的动作被截断; 设置为正数时，过渡动作会延迟触发。语法格式:transition-delay:time;
transform（变形）
默认值为none，语法格式：transform: none|transform-functions;
