文本元素
4.1 属性
font-size:16px; 文字大小
Font-weight: 700 ; 值从100-900,文字粗细,不推荐使用font-weight:bold;
Font-family:微软雅黑; 文本的字体
Font-style: normal | italic ; normal 默认值 italic 斜体
line-height: 行高
连写
font: font-style font-weight font-size/line-height font-family;
浮动
语法:float:left | right特点:浮动不占位置;浮动脱离标准流;浮动实现模式转换
2:清除浮动
1:给父元素设置高度 2使用clear:both
3:父元素添加 overflow:hidden
4:使用伪元素清除浮动
.clearfix:after{content:""; height:0; line-height:0; display:block;
visibily:hidden; clear:both}
.clearfix{zoom:1}
3:浮动作用:网页导航制作,网页布局
z-index: 2; /*调整元素的层叠顺序,默认值0-999,值越大,元素越往上*/
1:静态定位(static)
按照标准流的显示方式 取消定位:position:static
2:绝对定位(absloute) 看脸型
特点:1 绝对定位不占位置 2 绝对定位脱离标准流 3绝对定位模式转换
4 父元素以浏览器左上角为基准 5 子元素以父元素左上角为基准
3:相对定位(relative) 自恋型
特点:1:相对定位占位置 2:不能实现模式转换 3:以元素本身左上角为基准
4:子绝父相(子元素设置绝对定位,父元素设置相对定位)
4:固定定位(fixed)固执性
特点:1 不占位置 2:固定定位也可以说实现模式转换