-
盒子模型,由四部分组成 边框(border) 外边距(margin) 内边距(padding) 在盒子3D模型中,border是第一层,content+padding是第二层,background-image是第三层,background-color是第四层,margin是最后一层。 盒子模型的尺寸=边框+外边距+内边距+盒子中的内容尺寸 盒子中的内容(content)查看全部
-
W3C标准定义了一系列网页标准: 结构化标准语言(html和xml) 表现标准语言(css) 行为标准语言(dom和ecmascript) 倡导结构样式行为的分离。查看全部
-
CSS规定的定位机制有三种,分别是标准文档流、浮动及绝对定位查看全部
-
已知一设置了绝对定位的元素b,位于其父元素a中,a元素为静态定位,则b元素将以( )为基准进行偏移。 因为a元素为静态定位,所以要以根元素为基准进行偏移,也就是html元素。 作为父元素a 为静态定位,也就是标准文档流,相当于没有设置定位 原来如此,要注意咯:position:static;也就是静态定位的祖先元素,因为它的特点是静态地,不变的,不存在偏移。所以绝对定位的基准把它排除在外了。查看全部
-
任务1:请在右侧编辑器中补全代码,实现页面自动居中布局,要求#wrap顶部和底部与浏览器无间距; 任务2:请在右侧编辑器中补全代码,使用浮动实现#left和#mid横向两列排版,并且两者之间有13px间距; 任务3:请在右侧编辑器中补全代码,使用position定位方法实现#right的自适应宽度横向排版,且它与#mid之间的间距为17px。查看全部
-
任务1. 请补充代码使#content相对于#mainbody进行偏移,且#mainbody处于标准文档流中 任务2. 请补充代码使#content宽度自适应,且顶部与#mainbody顶部紧贴着 任务3. 请补充代码使#content与#sidebar之间的间距为20px 父级元素用relative定位,子级元素用absolute设置相对于父级元素的定位查看全部
-
overflow:hidden; 把float溢出的部分hidden,所以footer才不受影响查看全部
-
清除浮动时,只设置宽度不行,必须设置overflow:hidden;才能实现清除浮动的效果查看全部
-
静态定位还是标准文档里,相当于没有定位! 所以是以根元素为基准偏移,即<html>元素,注意不是<body>元素。查看全部
-
绝对定位 特点: 1、建立了以包含块为基准的定位 2、完全脱离了标准文档流 3、随即拥有了偏移属性和z-index属性 未设置偏移量 特点: 无论是否存在已定位祖先元素,都保持在元素初始位置 脱离了标准文档流 设置了偏移量 特点: 1、无已定位祖先元素,以<html>为偏移参照基准 2、有已定位祖先元素,以距其最近的已定位祖先元素为偏移参照基准查看全部
-
【绝对定位→横向两列布局】 一列固定宽度,另一列宽度自适应 父元素:相对定位relative 自适应宽度元素:绝对定位absolut **宽度固定列的高度一定要大于自适应列的高度! 因为用了absolute的元素,没法撑起父元素,所以宽度固定列的高度就相当于一个柱子,把父元素撑开来。查看全部
-
绝对定位的偏移量查看全部
-
【绝对定位position:absolute】 脱离标准文档流 没有设置宽度时,宽度随文字的长度而变化 父包含块设置为position:relative查看全部
-
【相对定位positon:relative】 相对自身原来位置进行偏移、仍处于标准文档流中。 z-index空间层堆叠:不止在原来x、y轴方向,在第三个方向会有上下层之分。查看全部
-
【清除浮动】 法一:clear:both/left/right; 法儿:设置width:100%/固定宽度、overflow:hidden;查看全部
举报
0/150
提交
取消