-
盒子模型 1.盒子模型=网页布局的基石 由4部分组成：边框（border）、外边距（margin）、内边距、（padding）、盒子中的内容（content）。 2. 边框（border）、外边距（margin）、内边距、（padding）是盒子模型的属性， 有四个方向，可以设定属性值。 顺时针方向设置，为上、右、下、左 3.三个值的属性为： a为上、 b为左右、c为下。 两个值的属性为： a为上下、b为左右。 一个值的属性为： a为上下左右。 4.优先级，就近原则， 行内样式> 内部样式> 外部样式 5.边框三个属性：边框的粗细、样式、颜色、每一个属性值都要有一个空格来个开，空格必须在英文输入法状态下输入才可以，三个属性缺一不可。 6.盒子模型的三维模式的包裹层与ps的模型一样，分为五层： border为第一层、 content+padding为第二层、 background-image为第三层、 background-color为第四层、 marg为第五层。 7.盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸.查看全部
-
盒子模型 1.盒子模型=网页布局的基石 由4部分组成：边框（border）、外边距（margin）、内边距、（padding）、盒子中的内容（content）。 2. 边框（border）、外边距（margin）、内边距、（padding）是盒子模型的属性， 有四个方向，可以设定属性值。 顺时针方向设置，为上、右、下、左 3.三个值的属性为： a为上、 b为左右、c为下。 两个值的属性为： a为上下、b为左右。 一个值的属性为： a为上下左右。 4.优先级，就近原则， 行内样式> 内部样式> 外部样式 5.边框三个属性：边框的粗细、样式、颜色、每一个属性值都要有一个空格来个开，空格必须在英文输入法状态下输入才可以，三个属性缺一不可。 6.盒子模型的三维模式的包裹层与ps的模型一样，分为五层： border为第一层、 content+padding为第二层、 background-image为第三层、 background-color为第四层、 marg为第五层。 7.盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸.查看全部
-
请详细观看盒子模型的立体图片（2-2小节 07：58），从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。查看全部
-
盒子模型从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。查看全部
-
float:{} 三个属性：left right查看全部
-
*{margin:0; padding:0;} #wrap{width:970px; margin:0 auto;} #mainbody{width:100%;position:relative;margin-top:15px;} #left{float:left;width:110px;border:1px solid #999;} #mid{float:left;border:1px solid #999;margin-left:13px;} #right{position:absolute;top:0;margin-left:792px;border:1px solid #999;} * 792=109(width)+2(border)+649(width)+2(border)+13(margin)+17(margin) * position属性可以使宽度自适应查看全部
-
这种定位用于一种需要固定宽度，另一种自适应查看全部
-
绝对定位，脱离文档流，产生z轴，其他元素当它不存在，内容压缩，无已经定位的父元素参照html定位，否则以最近的定位的父元素为准查看全部
-
--样式查看全部
-
受浮动影响，浮动之后会脱离父层，不作为父层内容，可用overflow:hidden来清除影响查看全部
-
css定位，标准文档流（从做到右，从上到下），浮动模型，绝对定位（绝对定位之后脱离文档流，增加z轴，层叠显示，相对定位只增加z轴和层叠显示）查看全部
-
行内元素（img）属于行内块级元素;盒子模型分为5层，从上到下依次为border padding color image margin;class属性可以追加查看全部
-
边距查看全部
-
清除浮动的常用方法： 1、clear属性 clear：both clear：left或right 2、同时设置width：100%（或固定宽度）+overflow：hidden查看全部
-
清楚浮动：有两个方法，在受影响的 标签内设置，第一种：clear：both；第二种：width：100%；overflow：hidden；查看全部
举报
0/150
提交
取消