float:浮动
clear:both 消除浮动
要浮动的标签用div包起来 给div设宽高 设行高 设行高垂直居中:
#div{ width:100%; height:30px; link-height:30px;// 行高 默认垂直居中 (这里的高要跟设的高一个样) }
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;鼠标变小手
改错
原文地址:https://www.cnblogs.com/xzz123-/p/8562826.html
时间: 2024-10-07 11:36:51