-
编程练习 小伙伴们,学习完《使用绝对定位实现横向两列布局》的相关内容,接下来练习一下吧!完成下面的任务,看一下你的成果哦! 温馨提示:完成任务后,请验证是否与实践描述效果一致,如一致,恭喜您,你已经掌握此技能,否则,请重复学习此节内容。查看全部
-
在元素未设置偏移量的情况下:无论是否存在已定位的祖先元素,都保持在元素初始位置。 当一个元素设置绝对定位没有设置宽度时,其宽度会根据内容来调节。查看全部
-
编程练习 小伙伴们,学习完《横向两列布局》的相关内容,接下来练习一下吧!完成下面的任务,看一下你的成果哦! 温馨提示:完成任务后,请验证是否与实践描述效果一致,如一致,恭喜您,你已经掌握此技能,否则,请重复学习此节内容。查看全部
-
编程练习 小伙伴们,学习完《自动居中一列布局》的相关内容,接下来练习一下吧!完成下面的任务,看一下你的成果哦! 温馨提示:完成任务后,请验证是否与实践描述效果一致,如一致,恭喜您,你已经掌握此技能,否则,请重复学习此节内容。 任务 任务1:请补充代码使#wrap自动居中,且上下外边距为0px; 任务2:请补充代码使#mainbody和#footer宽度以父包含块宽度为准自适应;查看全部
-
编程练习 小伙伴们,学习完《盒子模型》的相关内容,接下来练习一下吧!完成下面的任务,看一下你的成果哦! 温馨提示:完成任务后,请验证是否与实践描述效果一致,如一致,恭喜您,你已经掌握此技能,否则,请重复学习此节内容。 任务 任务1.请补充使.content上内边距为44px,左右及下内边距均为15px; 任务2.请补充使.book中的图片添加上1px 的#b1adaa色实线边框; 任务3.请设置.book中的图片上下外边距为10px,左右外边距为18px; 最终效果如下图所示:查看全部
-
自动居中不得不知的知识 W3c标准 是有万维网联盟指定的一系列标准,包括: 结构化标准语言(HTML和XML) 表现标准语言(CSS) 行为标准语言(DOM和ECMAScript) 倡导是结果、样式、行为分离。 CSS他拥有3中定位机制(标准文档流:NORMAL flow)浮动:(Floats) 绝对定位(Absolute positioning)离不开这3种定位机制 标准文档流特点:从上到下 从左到右,输出文档内容。由块级元素和行级元素组成。 什么时刻块级元素特点:从左到右撑满页面,独占一行,触碰到页面边缘时,会走动换行。 常见块级标签:div、ul、li、dl、dt、p。。。 行级元素标签能在同一行现实,不会改变网页文档的样式独占一行。 span、strong、img、input。。。查看全部
-
盒子模型尺寸查看全部
-
盒子3D模型查看全部
-
margin padding查看全部
-
z-index属性:空间层堆叠。 绝对定位:设置偏移量 无已定位祖先元素,以<html>为偏移参照基准 有已定位祖先元素,以距离其最近的已定位祖先元素为偏移量参照基准查看全部
-
相对定位(relative): 1.相对于自身原有的位置进行偏移; 2.仍处于标准文档流中; 3.随即拥有偏移属性和z-index属性;查看全部
-
绝对定位可以实现: *横向多列布局及较为复杂的定位 *带有遮罩层效果的提示框 *固定层效果 *全屏广告等~~ position拥有三种定位形式:1、静态定位 2、相对定位 3、绝对定位 可以设置四个属性值:1.static(静态定位)2.relative(相对定位)3.absolute(绝对定位)4.fixed(固定定位)查看全部
-
float属性有三个值:left、right和none,设置浮动属性的元素会对紧邻其后的元素进行影响。查看全部
-
清除浮动时,只设置宽度不行,必须设置overflow:hidden;才能实现清除浮动的效果查看全部
-
当父包含块缩成一条时,用clear:both方法清除浮动无效,它一般用于紧邻后面的元素的清除浮动。 ***制作网页的时候div的高度一般不需要设置 ,因为 隐藏属性一旦超过了设定的高度,后面的内容就没办法显示了***查看全部
举报
0/150
提交
取消