2018年3月13号

Posted 2020-10-27 向兆泽

float：浮动

clear:both 消除浮动 

要浮动的标签用div包起来 给div设宽高 设行高 设行高垂直居中：

#div{
   width:100%;
   height:30px;
   link-height:30px;// 行高 默认垂直居中 （这里的高要跟设的高一个样）
}

View Code

link-height：最好对一行使用 如果换行了 标签的高度就变了

兼容：将最外层的标签设宽高 里面用百分比

盒子模型：

   从内到外，内容，内边距（填充物），边框，外边距（和别的物品的距离）

                      html        padding                  border     margin

box-sizing：border-box；：

    指定宽高，自适应边框，内边距，内容（也可以*{}在这里面加这样所有的边框都是这样）

overflow：hiden （超出部分隐藏）

dispaly（改变行内标签）：block （改变成块标签） inline（改变成行标签） inline-block（改变成行内块标签）

定位：

position：定位

position-fixed：绝对定位（相对于窗口定位）自身位置没有了

position-absolute：绝对定位（相对于body）他会相对于最近的有position属性的父标签定位最上层就是body

position-relative：相对定位 有自身位置，用来微调

（定位不要乱用）

corsor：pointer；鼠标变小手

 

 

改错