什么是盒子模型？

答：盒子模型是实现页面的基础布局。与CSS中的盒子模型的概念类似，CSS将网页中所有的元素都看成一个个盒子。

        盒子模型有哪些属性？

答：border（边框）、（padding）内边距、（margin）外边距。

        盒子模型属性值有哪些？

border属性：border-color（边框颜色）

       border-width（边框长度）

      border-style（边框样式）：none（默认值，无边框）、solid（实线）、dashe（虚线）

border方向属性：border-top（上边框）

            border-bottom（下边框）

            border-left（左边框）

            border-right（右边框）

padding属性：padding-top（内容与上边框之间的边距）

      padding-right（内容与右边框之间的边距）

      padding-bottom（内容与下边框之间的边距）

         padding-left（内容与左边框之间的边距）

margin属性 :margin-top(上外边距)

     margin-right(右外边距)

     margin-bottom(下外边距)

     margin-left(左外边距)

        属性值有一个参数表示什么？两个参数表示什么？三个参数表示什么？四个参数表示什么？

答：一个属性值表示四个方向的值是一样的，两个值标识上下和左右是一样的值，三个值表示上下是一样的值，四个值表示每一个方向的值。

        宽高的实际占位两种情况？

答：元素的实际占位  =  元素尺寸  +  填充  +  边框

一般分为两种情况：

元素实际占位的高度  = height属性 +  上下填充高度  +  上下边框高度

元素实际占位的宽度  = width属性  +  上下填充高度  +  上下填充高度

        为什么需要浮动？

答：浮动可以将纵向排列的菜单项变为横向的菜单项。更好的去实现布局和页面效果。

        什么是浮动？

答：浮动就是根据文档中出现的先后顺序，采用从上到下或者从左到右的排列方式，一一排列出来。

        浮动有哪些值？

答：float：left（向左浮动）、float：right（向右浮动）、float：none（默认值，不浮动）

        设置完float后特点？

答：特点：（1）块级元素（如<div>）设置浮动后将失去"独占一行"的特性

     （2）浮动元素将紧贴上一个浮动元素（同方向）或同父级元素的边框，如宽度不够则换行显示

     （3）浮动元素将占据行内元素的空间

        Clear取值有哪几个？

答：clear：left（清除左浮动）

clear：right（清除右浮动）

clear：both（在左右侧均不允许有浮动元素）

clear：none（默认值，允许两侧右浮动）

        为什么需要clear？

答：clear可以清除浮动，来改变布局方式，

本文出自 “素颜” 博客，请务必保留此出处http://suyanzhu.blog.51cto.com/8050189/1561344

html-6