复习:
Html：超文本标记语言。白话就是标签。
标签:
标签，h1-h6，p，a，img，br，hr，ul，li，ol，dl，表格系列，div
标签属性：标签的一些功能。常见的有 href src id class width height 等等
样式:
选择器:给元素起名字。标签，类，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:0;clear:both;display:block;visibility:hidden;}
伪元素:就是一个虚拟的元素，但是可以给他写样式。
P:after{content:””;} p:before{content:””;}
a的四种状态
a:link{} a:visited{} a:hover{} a:active{}
鼠标状态
Cusor:pointer
酷炫的效果
2d效果
Translate rotate scale skew 这四个方法
3d效果
Perspective: 视距，1000px
Transform-style; 规定子类是否也是3d效果。
动画animation
定义动画
绑定动画
过渡 transition 需要和鼠标hover配合使用
今天没有学习新的内容，回顾了一下这一周多以来学习的内容，并且用代码敲一个小的网页页面，这个页面布局分七个部分，下面就是这个页面的样式。
原文：https://www.cnblogs.com/liuyangya/p/9557562.html