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可以清除浮动,来改变布局方式,

时间: 2024-10-10 17:24:09