-
mark查看全部
-
div一般不需要设置高度,如果设置高度将无法根据内容进行自动扩展 【样式初始化】 *{margin:0; padding:0; } overflow:hidden;(用于父级元素的清除浮动) clear:both;(用于紧邻后面的元素的清除浮动)查看全部
-
mark查看全部
-
mark查看全部
-
【清除浮动】 方法一:clear:both/left/right;(目标:被浮动影响元素) 方法二:设置width:100%/固定宽度、overflow:hidden(目标:被浮动影响元素)查看全部
-
横向两列布局: 使用absolute实现横向两列布局-常用于一列固定宽度,另一列宽度自适应的情况 主要应用技能: relative-父元素相对定位 absolute-自适应宽度元素绝对定位 注意:固定宽度列的高度>自适应宽度的列查看全部
-
绝对定位,特点:建立了以包含块为基准的定位,完全脱离了标准文档流,随即拥有了偏移属性和z-index属性,偏移参照基准复杂。 情况一:未设置偏移量,特点:1.无论是否存在已定位祖先元素,都保持在元素初始位置2.脱离标准文档流 一般在设置网站中,当需要使用绝对定位时,我们会把他的父层设置为相对定位。 情况二:2.1对于无已定位祖先元素,以<html>为偏移参照基准 2.2对于有已定位祖先元素,以距其最近的已定位祖先元素为偏移参照基准查看全部
-
相对定位的特点:相对于自身原有位置进行偏移,仍处于标准文档流中,随即拥有了偏移属性和z-index属性,拥有空间层堆叠,将遮挡元素盖住。查看全部
-
绝对定位布局,通过设置position属性实现,能够实现横向多列布局及较为复杂的定位:带有遮罩层效果的提示框,固定层效果,全屏广告等等。查看全部
-
一般情况下,在做页面的时候,两个并排的模块,间距一般控制在10~20px,符合视觉效果。当父包含块(父层)没有设置浮动,子元素设置了浮动的时候,父层的高度就没有办法扩展了,收到了影响。因此需要设置清除浮动影响,当父包含块缩成一条时,用clear:both方法清除浮动无效,它一般用于紧邻后面的元素的清除浮动。这种情况下,使用移出属性overflow:hidden。div块的高度一般不需要设置,因为由于设置了隐藏属性,再设置高度时,当内容超过高度时,就无法正常显示了查看全部
-
横向两列布局:网页最常见的布局方式之一 主要应用技能:float属性-使纵向排列的块级元素,横向排列 margin属性-设置两列之间的间距查看全部
-
清除受到影响的浮动元素的方法:1,为元素设置clear属性,常用clear:both;clear:left;或者clear:right; 2,同时设置width:100%(或固定宽度)+overflow:hidden;3,插入空标签也能实现,但是不建议,html里多了没有意义的代码,w3c标准也是不合理的查看全部
-
div内部没有内容时,如果设置了float属性,将缩小为一个圆点,没有设置宽度时,尺寸宽度随着内容的变化而变化。当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素,特别注意:紧邻后面一个的元素会受到影响!查看全部
-
通常在网页制作下,网页是不设置的,因为在不设置高度的条件下,盒子模型能根据内容的高度自动调整。 网页内容自动居中,设置一个包裹层,将所有内容包裹起来,然后设置包裹层的div格式为自动居中。margin:0 auto,另外需要设置width,否则默认100%同样看不出结果。原理:(浏览器的宽度-外包含层的宽度)/2=外边距。如果想让页面自动居中,当设置margin属性为auto的时候,不能再设置浮动或绝对定位属性。查看全部
-
边距设置时,从上开始,顺时针,上右下左。CSS样式优先级:行内样式>内部样式>外部样式查看全部
举报
0/150
提交
取消