html-元素布局

##元素布局
1顺序:
元素在页面内从上往下,从左往右依次

2悬浮float 作用:竖列或者文字环绕
横排变竖列,原来的位置空出

float: left/right;
clear:left/right/both;

父元素设置属性:overflow:hidden

3定位position
postion:relative/absolute/fixed
top:
right:
bottom:
legt:

相对 元素以原来的位置为基点移动 (占位)
绝对 元素参照离他最近的已经定位的祖先元素进行偏移,如果没有,则参照窗口进行偏移
(不占位,和float一样)
固定 元素参照窗口进行定位,不跟随网页滚动而滚动(不占位)

元素字体设置:

font-size:16px
font-weight:400/700 #正常/加粗
font-style:italic #斜体
font-family:Arial,'黑体','宋体'

简写:
font:style weight size family;
默认normal normal 16px 浏览器默认

文字装饰:
color:red;颜色
text-align:center;居中
text-decoration:none/underline/overline/line-through;下划线 上划线 中间划线 默认none
line-height:30px; 行距 #行距等于元素距离时,文字居中