-
@盒子3D模型 Ps1：border:1px solid #fff;//简写注意：必须三个同时存在即可。 Ps2：从上到下（第1——5层） Ps3：盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸。 【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】查看全部
-
盒子模型<br> 1.盒子模型=网页布局的基石<br> 由4部分组成：边框（border）、外边距（margin）、内边距、（padding）、盒子中的内容（content）。<br> 2. 边框（border）、外边距（margin）、内边距、（padding）是盒子模型的属性，<br> 有四个方向，可以设定属性值。 顺时针方向设置，为上、右、下、左<br> 3.三个值的属性为： a为上、 b为左右、c为下。<br> 两个值的属性为： a为上下、b为左右。<br> 一个值的属性为： a为上下左右。<br> 4.优先级，就近原则， 行内样式> 内部样式> 外部样式<br> 5.边框三个属性：边框的粗细、样式、颜色、每一个属性值都要有一个空格来个开，空格必须在英文输入法状态下输入才可以，三个属性缺一不可。<br> 6.盒子模型的三维模式的包裹层与ps的模型一样，分为五层：<br> border为第一层、<br> content+padding为第二层、<br> background-image为第三层、<br> background-color为第四层、<br> margin为第五层。<br> 7.盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸查看全部
-
盒子3D模型查看全部
-
绝对定位 特点： (1)建立了以包含块为基准的定位 (2)完全脱离了标准文档流 (3)拥有偏移属性和z-index属性 1、未设置偏移量（position:absulote) 特点：无论是否存在已定位祖先元素，都保持在元素初始位置 脱离标准文档流 2、设置偏移量 偏移参照基准 （1）有已定位祖先元素，以距其最近的已定位祖先元素为偏移参照基准 （2）无已定位祖先元素，以<html>为偏移参照基准 当一个元素设置绝对定位，没有设置宽度时，元素的宽度根据内容进行调节查看全部
-
定位的练习代码，good.查看全部
-
当一个绝对定位元素它设置了偏移量的时候，需要从两方面考虑，第一种是当前元素它无定位的祖先元素，当前元素会以根元素（<html>）为偏移参照基准。第二种是当前元素它有定位的祖先元素，当前元素会以距其最近的已定位祖先元素为偏移参照基准。查看全部
-
CSS规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。查看全部
-
相对定位特点查看全部
-
父元素收到浮动影响的情况，也就是子元素设置了浮动，而父元素没有设置浮动而导致的父元素高度不能自动扩展，子元素从父元素中溢出时，适合使用width:100%（或固定宽度值）+overflow:hidden的方式来清除浮动，如果是相邻的元素是段落p受到浮动影响上移,对p设置clear:both更为合适，一般两种方式都需要设置在受到浮动影响的元素样式里查看全部
-
11111查看全部
-
总结：(float和position的理解) float:1.仍在标准文档流中。2.若未设置width，宽度大小随内容大小变化。3.影响紧随其后的一个元素（可能影响其父元素,用width：100%+overflow:hiddle;或chear:both；清除浮动）。 relative:1.仍在标准文档流中。2相对自身最初位置偏移。3.有偏移属性和Z轴，会遮盖其他元素。4.宽度不随内容大小改变。 absolute:1.脱离标准文档流。2.以最近的、设置了定位的父包含块定位；若无，以<html>元素定位。3.有偏移属性和Z轴。4.若未设置width，宽度大小随内容大小变化。查看全部
-
当一个元素设置为绝对定位而没有设置宽度的时候，它会根据内容而进行调整查看全部
-
元素没有设置宽度，浮动之后，元素的宽度随着元素的内容变化查看全部
-
盒子模型五层依次为： 第一层：边框（border） 第二层：内容和内边距（content+padding） 第三层：背景图片（background-image） 第四层：背景颜色（background-color） 第五层：外边距（margin）查看全部
-
横向两列布局： 使用absolute的情况，一列宽度固定，而另一列宽度自适应 绝对定位一般用的比较少 注意：固定宽度列的高度>自适应宽度的列，不懂看该节视频查看全部
举报
0/150
提交
取消