css样式

标签：左右   style   position   cst   float   box   布局   border   常用   

布局样式：

布局页面时 大色块 小色块 小色块....内容
布局：定位，浮动，显示，层级,盒子模型
浮动：
 float: left right
设一个父标签 设定宽高 里面随便浮动
超出部分cstyle="overflow: hidden超出隐藏 slrll滚动
 overflow-x
 overflow-y

盒子模型：
 从里到外：内容-内边距-边框-外边框
 对应样式：内容-padding-border-margin
 盒子模型的样式分上下左右
 top left right bottom
 
border-left-width: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写法等不熟练。

css样式

标签：左右   style   position   cst   float   box   布局   border   常用   

原文地址：https://www.cnblogs.com/ybygb-geng/p/9306320.html