-
auto会根据游览器的宽度自动设置两边的外边距 同是不能再设浮动或绝对定位属性查看全部
-
盒子模型的立体叠加层依次为：margin->background-color->background-image->content+padding->border查看全部
-
布局相关查看全部
-
css布局查看全部
-
请详细观看盒子模型的立体图片（2-2小节 07：58），从第一层到第五层依次为：border、content+padding、background-image、background-color、margin查看全部
-
总结：（float和position的理解） float： 1.仍在标准文档流中； 2.若未设置width，宽度大小随内容大小变化； 3.影响紧随其后的一个元素（可能影响其父元素,用width:100% + overflow:hiddle;或chear:both;清除浮动）。 relative： 1.仍在标准文档流中； 2.相对自身最初位置偏移； 3.有偏移属性和Z轴（z-index属性），会遮盖其他元素； 4.宽度不随内容大小改变。 absolute： 1.脱离标准文档流； 2.以最近的、设置了定位的父包含块定位；若无则以<html>元素定位； 3.有偏移属性和Z轴（z-index属性）； 4.若未设置width，宽度大小随内容大小变化。查看全部
-
主相对定位，随绝对定位 relative：父元素相对定位 absolute：自适应宽度元素绝对定位 注意：固定宽度的元素的高度>自适应宽度的列的高度（绝对定位后脱离标准文档流，就无法将父元素撑起，就需要类似一根柱子的元素将父元素撑开，以便绝对定位的元素放得下）查看全部
-
盒子模型的三维立体结构图中，第一层是 border 边框。第二层是 content+padding。第三层则是background-image(背景图),而第四层是background-color(背景的颜色)。最后一层便 是margin了。查看全部
-
已知一个设置了绝对定位的元素b，位于其父元素a中，a元素为静态定位，则b元素将以<html>元素为基准进行偏移。 因为a元素为静态定位，所以要以根元素为基准进行偏移，也就是<html>元素。 只有设置了除静态定位以外的定位，才算给这个元素定位了，静态定位属于元素默认的定位。查看全部
-
当元素没有设置宽度值，而设置了浮动，元素的宽度随内容的变化而变化查看全部
-
横向两列布局： 使用absolute实现横向两列布局常用场合：常用于一列固定宽度，另一列宽度自适应的情况。 主要应用技能： 1.relative：父元素相对定位； 2.absolute：自适应宽度元素绝对定位。 注意：固定宽度列的高度>自适应宽度的列。（一定要大于，把页面撑开）查看全部
-
绝对定位设置偏移量参照基准： 1.无已定位祖先元素，以<html>为偏移参照基准； 2.有已定位祖先元素，以距其最近的已定位祖先元素为偏移参照基准。 当一个元素设置绝对定位，没有设置宽度时，元素的宽度根据内容进行调节。查看全部
-
绝对定位未设置偏移量的特点： 1.无论是否存在已定位祖先元素，都保持在元素初始位置； 2.脱离了标准文档流。查看全部
-
绝对定位的特点： 1.建立以包含块为基准的定位； 2.完全脱离标准文档流； 3.随即拥有偏移属性和z-index属性。查看全部
-
相对定位的特点： 1.相对于自身原有位置进行偏移； 2.仍处于标准文档流中； 3.随即拥有偏移属性和z-index属性。 补充z-index属性详解： 定义和用法： z-index属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 注意： 1.元素可拥有负的z-index属性值； 2.Z-index仅能在定位元素上奏效（例如position:absolute;） 所有主流浏览器都支持z-index属性。 注意：任何的版本的Internet Explorer（包括 IE8）都不支持属性值 "inherit"。查看全部
举报
0/150
提交
取消