文本元素
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;

前端css笔记

浮动      

      语法: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,值越大,元素越往上*/


前端css笔记

1:静态定位(static)
     按照标准流的显示方式    取消定位:position:static
2:绝对定位(absloute) 看脸型
      特点:1  绝对定位不占位置 2 绝对定位脱离标准流   3绝对定位模式转换
                 4  父元素以浏览器左上角为基准    5 子元素以父元素左上角为基准
3:相对定位(relative)  自恋型
       特点:1:相对定位占位置  2:不能实现模式转换  3:以元素本身左上角为基准
                   4:子绝父相(子元素设置绝对定位,父元素设置相对定位)
4:固定定位(fixed)固执性    
    特点:1 不占位置   2:固定定位也可以说实现模式转换

前端css笔记




相关文章: