-
当父包含块缩成一条时,用clear:both方法清除浮动无效,它一般用于紧邻后面的元素的清除浮动查看全部
-
code： <!doctype html> <html> <head> <meta charset="utf-8"> <title>几米简介</title> <!--取消网页默认的margin和padding--> <style type="text/css"> *{margin:0;padding:0} img{ margin:10px; border:#110404 solid 1px; } .content{ border:4px #badbdb solid; padding:45px 15px 15px; width:700px } .book{ background:url(img/t_book.gif) no-repeat #E2F3F5; } </style> </head> <body> <div class="content book"> <img src="img/book1.jpg" width="80" height="80" alt=""/> <img src="img/book2.jpg" width="80" height="80" alt=""/> <img src="img/book3.jpg" width="80" height="80" alt=""/> <img src="img/book4.jpg" width="80" height="80" alt=""/> <img src="img/book5.jpg" width="80" height="80" alt=""/> <img src="img/book6.jpg" width="80" height="80" alt=""/> </div> </body> </html>查看全部
-
W3C标准：是由万维网联盟指定的一些列标准， 包括：结构化标准语言(HTML和XML)、表现标准语言(CSS)和行为标准语言(DOM和ECMAScript) 倡导结构、样式和行为分离 CSS的三大定位机制：标准文档流(Normal flow)、浮动(Floats)及绝对定位(Absolute position)。 1、标准文档流：特点：从左到右，从上到下，有块级元素和行级元素组成 块级元素：从左->右撑满页面，独占一行的位置，触碰到页面边缘自动换行(如：div、p、ul、li、dl、table....) 行级元素：能在同一行显示，不会改变html文档的结构(如a、span、strong、img、input....) 块级元素和行级元素都是盒子模型 2、盒子模型：网页布局的基石，由四个部分组成： border 边框 margin 外边距 padding 内边距 content 内容 可以为边框和边距设置相应的值，分为上下左右四个方向 可以设置三个值：第一个属性值代表上，第二个左右，第三个下 两个值：第一个上下，第二个左右 一个值：四个方向的属性值相同 盒子3D模型：border-> content+padding-> background-image-> background-color-> margin 盒子模型尺寸=外边距+内边距+边框+盒子中内容的尺寸查看全部
-
任务1：请补充代码解决浮动对浮动元素父包含块#mainbody的影响 任务2：请补充代码使.left横向排列，并紧挨着#mainbody左边缘显示 任务3：请补充代码使.right横向排列，并紧挨着#mainbody右边缘显示查看全部
-
<style type="text/css"> *{margin:0; padding:0;} 初始化 #wrap{background:#00c; margin;0 auto;width:960px} #header{background:#FF3300; width:100%;} #mianbody{background:#FC0; width:100%;} #footer{background:#639; width:100%;} </style>查看全部
-
float：浮动标签查看全部
-
#wrap 包裹层查看全部
-
盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸查看全部
-
绝对定位注意事项查看全部
-
有祖先定位元素，则偏移量以祖先定位元素为基准。 如果没有祖先定位元素，则以html元素为基准查看全部
-
border：边块粗细 边块样式 边块颜色查看全部
-
盒子模型的属性值： 三个代表：上 左右 下 两个代表:上下 左右 一个代表：上下左右查看全部
-
盒子的3D模型查看全部
-
边框border 外边距margin 内边距padding查看全部
-
盒子3D模型从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。查看全部
举报
0/150
提交
取消