复习：
1.html＆css
html：超文本标记语言。白话就是标签。
标签：
标签，h1--h6，p，a，img，br，hr，ul，li，ol，dl表格系列，div
标签属性：标签的一些功能。常见的有 href src id class width height cursor(光标)等等
样式：
选择器：给元素起名字。标签，类，id
拓展出来的：子代，后代，结构，并集，交集，全局。
css样式属性
文本
字体，大小，颜色，样式，字形
段落：文本缩进，文本样式，对齐方式
图片
大小：width height
位置：position
备注：图片插入的时候，会给页面留有余白。（ 解决余白：visibility:hidden;）
边框：border:粗细，颜色，样式，圆角
背景：background：颜色 图片，平铺，大小，位置
页面排版：
定位：position
position的值有两个，relative和absolute，relative是相对定位，给参考的，往往给需要定位元素的上一级设置；absolute是绝对定位，给需要定位的元素，用 top，right，bottom，left 来调位置。
position 使用，改变了元素的本质。
流式布局 float
第一个目的，就是为了解决文字环绕。
使用float，带来一个问题：很容易导致子元素脱离文档流，我们需要清浮动。
.clearfix:after{content:" ";
height:o;
clear:both;
display:block;
visibility:hidden;
}
伪元素：就是一个虚拟的元素，但是可以给它写样式。
p:after{content:" ";} p:before{content:" ";}
a的四种状态
a:link{} a:visited{} a:hover{} a:active{}
鼠标状态 cursor:pointer
酷炫的效果
2d效果
translate rotate scale skew 这四个方法
3d效果
perspective:1000px; 视距
transform-style: preserve-3d 规定子类是否也是3d效果
动画 animation
定义动画 @-webkit-keyframes name{} 设定动画
绑定动画 animation： name 时间 速度 次数;
过渡 transition 需要和鼠标hover配合使用
今天我们稍微梳理复习了排版的标签，要去熟悉属性。
原文：https://www.cnblogs.com/xieyankeai/p/9557702.html