-
*{margin:0; padding:0;} #wrap{width:970px; margin-top:0;margin-bottom:0;】} #mainbody{【任务3】 margin-top:15px;position:absolute;} #left{【任务2】width:110px;float:left;border:1px solid #999;} #mid{width:650px;border:1px solid #999;float:left;margin-left:13px;} #right{border:1px solid #999;position:absolute;float:right;margin-left:790px;margin-top:0;}查看全部
-
对块级元素设置浮动时，受到影响的有父包含块和紧邻后面的元素； 当父包含块缩成一条时，用clear：both方法清除浮动无效，它一般用于紧邻后面的元素的清除浮动。 这时候对父包含块用overflow：hidden；清除浮动之后，紧邻的后面元素也不会受到浮动影响了。查看全部
-
清除浮动的常用方法：1、clear：both；(clear:left;或者clear：right;)2、width：100%+overflow:hidden;查看全部
-
盒子模型： 盒子模型=网页布局的基石。由4部分组成： 边框（border） 外边距（margin） 内边距（padding） 盒子中的内容（content） 盒子模型的属性： 外边距，内边距，边框。 属性值的设置有两种方式：分量设置（四个值：上右下左；三个值：上，左右，下；两个值：上下，左右。），简写设置。 <style type="text/css"> img{margin:10px 18px;border:1px solid #b1adad;}/*border属性的每一个属性值的后面都需要用空格隔开，这三个属性值缺一不可，如果缺少，就显示不出不边框*/ </style> <img src="images/book1.jph.jpg" width="80" height="80"/> 盒子3D模型 分为5层 第一层：border边框 第二层：内容和内边距（content+padding） 第三层：背景图像background-image 第四层：背景颜色background-color 第五层：外边距maigin查看全部
-
W3c标准，是一系列标准 1、结构化标准语言（html和xml） 2、表现标准语言（CSS） 3、行为标准语言（DOM,ECMAScript） 倡导结构、样式、行为三者分离。 CSS的三种定位机制 标准文档流（Normal flow） 浮动（Floats） 绝对定位（Absolute positioning） 标准文档流 特点：从上到下，从左到右，输出文档内容 组成：由块级元素和行级元素组成。 （ 块级元素：从左到右撑满页面，独占一行。触碰到页面边缘时，会自动换行。就是标签 div 是一个典型的块级元素。常见的块级元素：div、ul、li、dl、dt、p等。 行级元素：能在同一行内显示，不会改变HTml文档的结构 。span 标签是行级标签。strong标签也是，各种行级标签可以在同一行显示。常见的有span、strong、img、input等 ） 块级元素和行级元素都是盒子模型查看全部
-
CSS规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> * { margin:0; padding:0; } #wrap { background:#00C; margin:0 auto; width:960px; } #header { background:#FF3300; width:100%; } #mainbody { background:#FC0; overflow:hidden; } .left { width:800px; height:200px; background:#000; float:left; } .right { width:140px; height:500px; background:#690; float:right; } #footer { background:#639; width:100%; } </style> </head> <body> <div id="wrap"> <div id="header">头部</div> <div id="mainbody"> <div class="left">左</div> <div class="right">右</div> </div> <div id="footer">版权部分</div> </div> </body> </html>查看全部
-
标准文档流:块级元素和行级元素查看全部
-
盒子模型尺寸=边框+外边框+内边距+盒子中的内容尺寸查看全部
-
盒子模型由上到下由5层构成：border,content+padding,background-image,background-color,margin查看全部
-
清除浮动的常用方法查看全部
-
盒子3D模型查看全部
-
完全不知道哪里修改才能达成任务要求。先往后走，后面回头再看。查看全部
-
清除浮动的两种方式：clear:both width:100%(or固定宽度）+overflow:hidden查看全部
-
盒子模型有四部分组成：外边距margin，边框border，内边距padding，内容content。前三者是盒子模型的属性查看全部
举报
0/150
提交
取消