什么是盒子模型?
答:盒子模型是实现页面的基础布局。与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可以清除浮动,来改变布局方式,