html-6
什么是盒子模型？
答：盒子模型是实现页面的基础布局。与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
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
