-
相对定位查看全部
-
绝对定位布局 通过设置position属性实现 CSS中规定的第三种定位机制 能够实现横向多列布局及较为复杂的定位,比如带有遮罩层效果的提示框,固定层效果以及全屏广告等等。 position属性 拥有3种定位形式:①静态定位 ②相对定位 ③绝对定位 可设置4个属性值:static(静态定位),relative(相对定位),absolute(绝对定位),fixed(固定定位)查看全部
-
横向两列布局 网页布局最常见的方式之一 主要应用技能:float属性-使纵向排列的块级元素,横向排列; margin属性-设置两列之间的间距。 *{margin:0;padding:0;} 当父包含块缩成一条时,用clear:both方法清除浮动无效,它一般用于紧邻后面的元素的清除浮动。 div块的高度一般不需要设置。查看全部
-
清除浮动的常用方法: ①clear属性-常用clear:both; clear:left; 或者 clear:right; ②同时设置width:100%(或固定宽度)+overflow:hidden; 空标签无意义,不建议使用此方法清除浮动。查看全部
-
浮动布局 CSS中规定的第二种定位机制 能够实现横向多列布局 通过设置float属性实现 float属性有3个属性值:left-左浮动,right-右浮动,none-不浮动。 特点:元素会左移,或右移,直至触碰到容器为止。 需要特别注意的是:设置了浮动的元素,仍旧处于标准文档流中。 当元素没有设置宽度值,而设置了浮动属性,元素的宽度随内容的变化而变化。查看全部
-
auto会根据浏览器的宽度自动设置两边的外边距。 原理:(浏览器的宽度-外包含层的宽度)/2=外边距 如果想让页面自动居中,当设置margin属性为auto的时候,不能再设置浮动或绝对定位属性。查看全部
-
自动居中一列布局的三个技能点:标准文档流,块级元素,margin属性。查看全部
-
盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸查看全部
-
盒子3D模型查看全部
-
CSS样式优先级,就近原则查看全部
-
一个值查看全部
-
二个值查看全部
-
三个值查看全部
-
外边框(margin) 边框(border) 内编剧(padding)查看全部
-
盒子模型查看全部
举报
0/150
提交
取消