css样式

布局样式：

布局页面时 大色块 小色块 小色块....内容
布局：定位，浮动，显示，层级,盒子模型
浮动：
 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写法等不熟练。