-
当元素没有设定宽度而设定了浮动属性，元素的宽度随内容的变化而变化查看全部
-
如果页面自动居中，当设定MARGIN属性为auto时不能再浮动或者定位查看全部
-
三种定位机制： 1.标准文档流 特点：从上到下，从左到右，输出文档内容。 块级元素（div,ul li dl dt p...） ＋行级元素(span strong img input) 块级元素和行级元素都是盒子模型 2.浮动 3.绝对定位查看全部
-
任务1：请补充代码使#wrap自动居中，且上下外边距为0px； 任务2：请补充代码使#mainbody和#footer宽度以父包含块宽度为准自适应； 答案： 任务一：#wrap{width: margin：opx auto;} 任务二：#mainbody,#footer{width:100%;}查看全部
-
自动居中一列布局： 1.要实现自动居中列布局必须掌握标准文档流，块级元素，margin属性（关键 ）， margin{0 auto} 2.auto会根据浏览器的宽度自动的设置量表的外边距 原理：（浏览器的宽度-外包含层的宽度）/2=外边距 3.如果想让页面自动居中，当设置margin属性为auto的时候，不能再设置浮动或绝对定位属性 （不能有position属性），当把要设置自动居中的层设置成浮动或者是绝对定位时，自动居中失效查看全部
-
盒子模型尺寸＝边框＋外边距＋内边距＋盒子中的尺寸内容查看全部
-
先初始化布局，再进行样式设计,给盒子添加边框border、内边距padding、内容content、背景background、外边距margin。 注意：上右下左查看全部
-
分量设置 同时设置：顺时针（上，右，下，左）查看全部
-
块级元素和行级元素都是盒子模型 常见块级元素（标签）：div、ul、li、dl、dt、p……块级元素：特点：从左到右撑满页面，独占一行 触碰到页面边缘时，会自动换行 常见行级元素（标签）：span、strong、img、input……行级元素：特点：能在同一行内显示，不会改变HTML文档结构查看全部
-
盒子模型由4部分组成：边距（border）、外边距（margin）、内边距（padding）、盒子中的内容（content） 边距（border）、外边距（margin）、内边距（padding）均有四个方向的属性，顺序是上、右、下、左，可设置一个属性值、两个属性值和三个属性值 盒子模型3D模型： 1、border 2、content + padding 3、background-image 4、background-color 5、margin查看全部
-
边框 border 外边距margin 内边距padding内容content查看全部
-
标准文档流 （normal flow） 特点：从上到下，从左到右，输出文档内容，由块级元素和行级元素组成 块级元素：特点：从左到右撑满页面，独占一行 触碰到页面边缘时，会自动换行 常见块级元素（标签）：div、ul、li、dl、dt、p…… 行级元素：特点：能在同一行内显示，不会改变HTML文档结构 常见行级元素（标签）：span、strong、img、input……查看全部
-
1、网页布局基础:div+css 2、三个布局：流式布局、浮动布局、绝对定位布局 3、三个案例： 自动居中一列布局案例：盒子模型的使用方法 浮动布局案例：：float属性，解决浮动影响的方法（腾讯中心首页） 绝对定位布局案例：绝对定位实现横向的多列布局（慕课网前端开发教程页面）查看全部
-
子元素从父元素中溢出时，适合使用width:100%（或固定宽度值）+overflow:hidden的方式来清除浮动查看全部
-
因为 a 元素为静态定位，所以要以根元素为基准进行偏移，也就是 html 元素查看全部
举报
0/150
提交
取消