盒子模型

时间：2017-08-18 09:44:53 阅读：108 评论：0 收藏：0 [点我收藏+]

盒子模型

width

height

margin   一个值代表四个方向边距|两个值分别代表上下和左右|三个值分别代表 上、左右、下|四个值分别代表上右下左。

padding

border :left|right|top|bottom   color|width|style        位置可变，颜色可省

content

技巧：

1、布局时将盒子在浏览器中水平居中：margin：opx auto |margin-left:auto; margin-right:auto;

2、*{ margin:0;padding:0}

3、选择器

后代选择器:li a{} ; item a{}

并集选择器:li,a{}

float：left|right|none

一个元素的所有子元素都使用了浮动，则父元素高度为0，后续布局会受到影响。

清除浮动影响：

1、style="clear:both"   both|left|right   在父元素中添加一个块级元素设置。

2、为父元素添加如下样式类

.clearfix:after{   after|before之前之后添加内容

content:"";

display:table;

clear:both;           生成BFC 

}

原文地址：http://www.cnblogs.com/ZouHongxue/p/7387670.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行