-
div margin:0 auto//水平居中查看全部
-
body{margin:0;parding:0;}清除默认样式查看全部
-
宽度自适应 长度无限制查看全部
-
CSS清除浮动的两种方式： 1.clear:both； 2.overflow:hidden；overflow相当于让元素紧贴了，不能产生浮动效果查看全部
-
网页布局：三列布局： 1：两边固定宽度中间自适应： 两边设置宽度、绝对定位，中间设置左右外边距； 2：.left{ width:200px;height:500px;background:#ccc; position:absolute; left:0; top:0; } .middle{ height:500px; background:#999; margin:0 300px 0 200px; } .right{ width:300px; height:500px; background:#000; position:absolute; right:0; top:0;}查看全部
-
<!DOCTYPE html> <html> <head> <meta charest="utf-8"> <title>三列布局</title> <style type="text/css"> body{margin: 0;padding: 0;} .left{width: 200px ;height:500px;background: red;position: absolute;left: 0;top: 0;} .middle{height: 500px ;background: #ccc;margin: 0 300px 0 200px;} .right{width: 300px ;height:500px;background: blue;position: absolute;right: 0;top: 0;} </style> </head> <body> <div class="left">a</div> <div class="middle">b</div> <div class="right">c</div> </body> </html> 特殊案例 左右固定 中间自适应查看全部
-
网页布局：三列布局： 1：两边固定宽度中间自适应： 两边设置宽度、绝对定位，中间设置左右外边距； 2：.left{ width:200px;height:500px;background:#ccc; position:absolute; left:0; top:0; } .middle{ height:500px; background:#999; margin:0 300px 0 200px; } .right{ width:300px; height:500px; background:#000; position:absolute; right:0; top:0;}查看全部
-
.main{width:20%} 自适应就是用百分比来设置宽度。查看全部
-
1：网页布局：又称版式布局，是网页UI设计师将有限的视觉元素进行有机的排列组合，将理性的思维个性的化的表现出来，是一种具有个人艺术特色的视觉传达方式。传达信息的同时有美感。 网页设计特点（相对纸媒来说） 1、网页可以自适应宽度 2、网页的长度理论上可以无限延长 3：页面为：头部，主体部分，底部。 分栏又称为分列：一列布局 二列布局 三列布局 以及混合布局（用的最多） 布局通过 浮动和定位来完成(实现ui界面效果)查看全部
-
使用clear:both;清除其它层的浮动设置对当前层的影响。查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位 [ 查看全文 ] 1小时前查看全部
-
二、两列布局： 1、宽度自适应（用的比较少）， 1.1因为宽度要自适应，所以要设置左侧left的width:xx%；1.2，需要左右排列，所以设置float:left；1.3另一侧right也设置width和float(left和right都可以吧，再微调) 2、固定宽度（☆☆☆☆☆）left和right增加一个父div#main,设置这个main的width，以及margin 0 auto；2.1如果要精确控制left和right的宽度，可以使用px【就是说也可以使用%粗略控制。】 如下代码 （这就是自适应宽度的布局，拖动页面的窗口可以“缩小或放大”页面的内容 宽度自适应（用的比较少），1.1因为宽度要自适应，） <head> <style type="text/css"> body{margin:0;pading:0} .left{width:20%;height:500px;float:left;background:#ccc} .right{width:80%;height:500px;float:right;background:#ddd} </style> </head> <body> <div class="left"></div> <div class="right"></div> </body> </html> 若果想更确切的控制它的宽度可以将（%）改为像素（px）的形式查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位查看全部
-
body{margin：0；padding：0；}查看全部
-
body{margin:0;parding:0;}清除默认样式查看全部
举报
0/150
提交
取消