前端 之 CSS: 浮动, margin的一些问题补充 以及 文本和字体属性 (三)

• 浮动
• margin的问题
• 文本属性和字体属性

 

划重点:

浮动:

　　定义: 浮动是css里面布局最多的一个属性，也是很重要的一个属性。

　　　　float：表示浮动的意思。它有四个值

• • • none: 表示不浮动，默认
    • left: 表示左浮动
    • right：表示右浮动

　　　　float四大特性:

　　　　　　1.浮动的元素脱标

　　　　　　2.浮动的元素互相贴靠

　　　　　　3.浮动的元素由"字围"效果

　　　　　　4.收缩的效果

 

　　浮动元素脱标:

　　　　脱标：就是脱离了标准文档流

     <div class="box1">小红</div>
     <div class="box2">小黄</div>
     <span>小马哥</span>
     <span>小马哥</span>

效果代码HTML