-
清除浮动的常用方法：(放在受到浮动影响的标签中) 1. clear属性-常用clear:both; clear:left; 或者 clear:right 2. 同时设置width:100%(或固定宽度)+ overflow:hidden; 3. 空标签无意义，不建议使用此方法清除浮动查看全部
-
浮动布局： 1.实现块级元素横向布局即横向多列布局 2.float3个属性:left-左浮动，right-右浮动，none-不浮动； 特点：设置了浮动的元素会在他所在的包含块中向左或向右移动直到触碰到容器，设置了浮动的元素仍在标准文档流中，仍占据位置 3.当元素没有设置宽度，而设置了浮动属性，元素的宽度随内容的变化而变化 4.当元素设置了浮动属性后，会对相邻的元素产生影响，相邻的元素特指紧邻后面的元素查看全部
-
边框 border 外边距margin 内边距padding内容content查看全部
-
1、网页布局基础:div+css 2、三个布局：流式布局、浮动布局、绝对定位布局 3、三个案例： 自动居中一列布局案例：盒子模型的使用方法 浮动布局案例：：float属性，解决浮动影响的方法（腾讯中心首页） 绝对定位布局案例：绝对定位实现横向的多列布局（慕课网前端开发教程页面）查看全部
-
边框 border 外边距margin 内边距padding内容content查看全部
-
span、strong、img、input行级元素：特点：能在同一行内显示，不会改变HTML文档结构查看全部
-
3c标准： 1，结构化标准语言（HTML和XML） 2，表现标准语言（css） 3，行为标准语言（DOM和ECMAScript） 倡导结构，样式及行为三者分离 css： 1，标准文档流（Normal flow） 2，浮动（Floats） 2，绝对定位（Absolute positioning） 标准文档流（Normal flow） 从上到下，从左到右输出文档内容 块级元素和行级元素组成 块级元素特点： 从左到右撑满一行，独占一行 触碰到页面边缘时，会自动换行 常见块级元素（块级标签） div, ul, li, dl, dt, p... 行级元素 能在同一行显示 不会改变HTML文档的结构 常见行级元素（行级标签） span, strong, img, input... 大部分表单元素（标签）都属于行级标签，但不绝对。 块级元素和行级元素都是和子模型查看全部
-
img属于行内替换元素。height/width/padding/margin均可用。效果等于块元素查看全部
-
网页布局查看全部
-
清除浮动的常用方法：(放在受到浮动影响的标签中) 1. clear属性-常用clear:both; clear:left; 或者 clear:right 2. 同时设置width:100%(或固定宽度)+ overflow:hidden; 3. 空标签无意义，不建议使用此方法清除浮动查看全部
-
当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化查看全部
-
<style type="text/css"> *{margin:0; padding:0;} #wrap{width:970px; margin:0 auto;} #mainbody{position:relative; margin-top:15px;} #left{float:left;width:110px; } #mid{float:left;width:650px;border:1px solid #999;} #right{position:absolute;top:0;margin-left:777px;border:1px solid #999;} </style>查看全部
-
margin值在定位方面很关键查看全部
-
mainbody相对定位才能处于标准文档流 content绝对定位设置其margin-left:200px,同时还要设置其top值为0。查看全部
-
使用absolute实现横向两列布局常用于一列固定宽度，另一列宽度自适应的情况。 主要应用技能： relative——父元素相对定位 absolute——自适应宽度元素绝对定位 需要注意的是：固定宽度列的高度>自适应宽度的列查看全部
举报
0/150
提交
取消