布局样式：
布局页面时 大色块 小色块 小色块....内容
布局：定位，浮动，显示，层级,盒子模型
浮动：
float: left right
设一个父标签 设定宽高 里面随便浮动
超出部分cstyle="overflow: hidden超出隐藏 slrll滚动
overflow-x
overflow-y
盒子模型：
从里到外：内容-内边距-边框-外边框
对应样式：内容-padding-border-margin
盒子模型的样式分上下左右
top left right bottom
border-left-1px;
border-left-style:solid
border-left-color:red
border-left:1px solid red;
border : 1px solie red
padding-left:10px
padding:10px;
padding:10px;
盒子模型自适应：box-sizing：border-box
margin 第一个子标签设置margin会作用到父标签
定位
postion：fixed absolute 绝对定位 relative相对定位
top left right bottom
fixed：相对窗口定位 通过上下左右调整位置
absolute：相对于body定位
相对于最近的有position样式属性的父标签定位 到body为止
relative相对自身定位 通常用来限制子标签的absolute
有自身位置 通常用来微调
今天学习的内容不能运用到实际中，要多加练习，仿山东理工大学做布局，不会居中，css写法等不熟练。