2018年3月13号

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;鼠标变小手

 

 

改错

posted on 2018-03-13 21:50  向兆泽  阅读(98)  评论(0编辑  收藏  举报

导航