-
盒子模型由四部分：边框border，外边距margin，内边距padding，盒子中内容content。 三个值设置：上，左右，下 两个值设置：上下，左右 eg设置：img{margin:8x 10px;border:1px solid #000000}border的三个属性值缺一不可 盒子3D模型： 1层：border 2层：content+padding 3层：background-image 4层：background-color 5层：margin 盒子模型尺寸：边框+外边距+内边距+盒子中内容查看全部
-
A.标准文档流：从上到下，从左到右，输出文档内容。由块级元素和行级元素组成。 块级元素：从左到右撑满页面，独占一行，触碰到页面边缘时会自动换行（div ul li dl dt p...） 行级元素：不换行（span strong img input，大部分表单标签都是） 块级元素和行级元素都属于盒子模型查看全部
-
W3C标准： 1.结构化标准语言（HTML+XML） 2.表现标准语言（CSS） 3.行为标准语言（DOM+ECMAScript） CSS定位机制： 1.标准文档流 Normal flow 2.浮动 Floats 3.绝对定位 Absolute positioning查看全部
-
CSS中网页布局的分类： 自动居中--列布局------盒子模型使用方法 浮动布局------float属性解决浮动影响 绝对定位布局------绝对定位实现横向两列或多列布局查看全部
-
mark查看全部
-
设置了margin的auto属性以后，就不能再设计元素的float和position。否定自动居中就会失效查看全部
-
W3C标准查看全部
-
relative——父元素相对定位，absolute——自适应宽度元素绝对定位 【注意】固定宽度的元素的高度>自适应宽度的列的高度（绝对定位后脱离标准文档流，就无法将父元素撑起，就需要类似一根柱子的元素将父元素撑开，以便绝对定位的元素放得下） 例子：【注意】对绝对定位的#content设置right：0无效（宽度为100%了），因为#content是自适应宽度的，故设置left或margin-left relative——父元素相对定位，absolute——自适应宽度元素绝对定位 【注意】固定宽度的元素的高度>自适应宽度的列的高度（绝对定位后脱离标准文档流，就无法将父元素撑起，就需要类似一根柱子的元素将父元素撑开，以便绝对定位的元素放得下） 例子：【注意】对绝对定位的#content设置right：0无效（宽度为100%了），因为#content是自适应宽度的，故设置left或margin-left查看全部
-
已知一设置了绝对定位的元素b，位于其父元素a中，a元素为静态定位，则b元素将以（ ）为基准进行偏移。 因为a元素为静态定位，所以要以根元素为基准进行偏移，也就是html元素。 作为父元素a 为静态定位，也就是标准文档流，相当于没有设置定位 即，b是包含在一个没有设置定位的父元素当中，那它设置绝对定位的时候，他偏移的基准就是以页面根节点（html）为参考的查看全部
-
当元素设置为绝对定位后，元素也会 多出两类属性：偏移量属性 和 Z-index属性 不同的是： 1.该元素已经脱离了标准文档流（不占位） 2.建立的定位基准不是该元素的原来位置，而是分两种情况 2.1：没有设置偏移量：无论是否存在已定位的祖先元素，都保持在元素初始位置，脱离文档流，宽度塌陷（随内容变化而变化） 2.2：设置了偏移量：又分两种情况（A.无已定位的祖先元素 B.有已定位的祖先元素） A.无已定位的祖先元素:它会以根节点（<html>）为偏移参照基准 B.有已定位的祖先元素:它会以距其最近的已定位祖先元素为偏移参照基准查看全部
-
当元素设置为绝对定位后，元素也会 多出两类属性：偏移量属性 和 Z-index属性 不同的是： 1.该元素已经脱离了标准文档流（不占位） 2.建立的定位基准不是该元素的原来位置，而是分两种情况 2.1：没有设置偏移量：无论是否存在已定位的祖先元素，都保持在元素初始位置，脱离文档流，宽度塌陷（随内容变化查看全部
-
当元素设置 相对定位后： 1.元素相对于自身原有的位置进行了偏移 2.但元素仍然处于标准文档刘当中 3.同时，随即 多出两个属性：偏移量属性 和 Z-index属性 1.相对定位的特点：相对于自身原有位置进行偏移，仍处于标准文档流中（会占据标准文档流中的空间），随即拥有偏移属性和z-index属性（z-index属性是指产生空间层堆叠 2.定位布局中,除了绝对定位（脱离文档流，对其他元素没有影响），其他都是处在标准文档流中的，包括float也是查看全部
-
绝对定位：position属性设置，能够实现横向多列布局及较为复杂的定位，比如带有遮罩层效果的提示框、固定层效果、全屏广告等。 position拥有3种定位形式：1、静态定位；2、相对定位；3、绝对定位。 position可以设置4个属性值：1、static（静态定位） 2、relative（相对定位） 3、absolute（绝对定位，属于绝对定位） 4、fixed（固定定位，属于绝对定位）查看全部
-
两种清除浮动方法的使用场景： 1、父元素受到浮动影响的情况，也就是子元素设置了浮动，而父元素没有设置浮动而导致的父元素高度不能自动扩展，子元素从父元素中溢出时，适合使用width:100%（或固定宽度值）+overflow:hidden的方式来清除浮动。 2、如果是相邻的块级元素受到浮动影响,对设置浮动的后一块级设为clear:both更为合适，一般两种方式都需要设置在受到浮动影响的元素样式里。查看全部
-
width:100%;不能用于清除浮动影响,清除浮动时，只设置宽度不行，必须设置overflow:hidden;才能实现清除浮动的效果查看全部
举报
0/150
提交
取消