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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。