-
此例说明float是脱离标准文档流的 ？有待考证 = = #left{float:left;} #mid{float:left; margin-left:13px;} //同时设置float，层次一样 #left{float:left;} #mid{margin-left:123px;} //#mid不设置，#left脱离查看全部
-
CSS定位机制 标准文档流normal flow，块级元素(到页面边缘自动换行) dreamweaver是IE浏览器，给DIV添加了一个默认的间距 行级元素，span, strong, img, input 块级和行级都是盒子模型 浮动定位查看全部
-
CSS定位机制 标准文档流normal flow，块级元素(到页面边缘自动换行) dreamweaver是IE浏览器，给DIV添加了一个默认的间距 浮动定位查看全部
-
1.区分left和margin-left 2.注意边框宽度查看全部
-
【盒子模型】 盒子模型=网页布局的基石，由四部分组成: 边框（border）外边框（margin）内边距（padding）盒子中的内容（content） 各有四个方向，顺时针上右下左设置属性值 盒子属性值设置： 三个值：上，左右，下 二个值：上下，左右 一个值：四个方向属性值是相同的 就近原则：行内样式>内部样式>外部样式 盒子3D模型: 1.border 2.content+padding 3.background-image 4.background-color 5.margin 盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸 类标签样式追加，在content空格后加入book。查看全部
-
已知一设置了绝对定位的元素b，位于其父元素a中，a元素为静态定位，则b元素将以（html元素）为基准进行偏移。因为a元素为静态定位，所以要以根元素为基准进行偏移，也就是html元素。查看全部
-
【W3C标准】由万维网联盟制定的一系列标准。（倡导结构、样式、行为这三者分离） 1.结构化标准语言（HTML和XML） 2.表现标准语言（CSS) 3.行为标准语言（DOM和ECMAScript） CSS拥有3中定位机制（标准文档流：Normal flow）(浮动:Floats）(绝对定位:Absolute positioning） 标准文档流Normal flow的特点：从上到下 从左到右，输出文档内容。由【块级元素】和【行级元素】组成。 【块级元素】特点：从左到右撑满页面，独占一行，触碰到页面边缘时，会自动换行。 常见块级标签：div、ul、li、dl、dt、p... 【行级元素】特点：能在同一行内显示，不会改变HTML文档结构 常见行级标签：span、strong、img、input... （块级元素和行级元素都是盒子模型）查看全部
-
使用absolute实现横向两列布局： ——常用于一列固定宽度，另一列宽度自适应的情况。 主要应用技能： 1.relative--对父元素进行相对定位； 2.absolute--对需要自适应宽度的元素进行绝对定位。 需要注意的是：固定宽度列的高度>自适应宽度的列 若设置了absolute的元素没有设置width，height，元素高宽由文本大小决定查看全部
-
标准文档流：从上到下，从左到右，输出文档内容。由块级元素和行级元素构成 块级元素：标签元素从左到右独占一行，碰到页面边缘自动换行 div\ul\li\dl\dt\p 行级元素：可以在同一行显示，不会影响HTML文档结构 span\strong\img\input查看全部
-
一个元素（父包含块）的子元素设置了浮动，父包含块也会受到影响 若父包含块缩成一条，使用clear:both;清除浮动无效，clear清除方式作用于紧随浮动元素后面的元素，对于清除父元素受浮动的影响应该用overflow:hidden 不建议给div块设置高度查看全部
-
清楚浮动： 1.clear属性——clear:both;/clear:left;/clear:right; 2.同时设置width:100%（或固定宽度）+overflow:hidden; （一些情况可不设width） 不建议用空标签<br />清除浮动，空标签无意义查看全部
-
margin:0 auto;查看全部
-
代码初始化查看全部
-
fgbgfv查看全部
-
*{margin:0; padding:0;} #wrap{width:970px;margin:0 auto;} #mainbody{margin-top:15px;position: relative;} #left{width:110px;float:left;} #mid{width:650px;border:1px solid #999;float:left;margin-left: 13px;} #right{border:1px solid #999;position: absolute;margin-left: 790px;}查看全部
举报
0/150
提交
取消