-
高宽自适应： 设置高宽的数值为百分比查看全部
-
二、两列布局： 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）的形式查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。 有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位查看全部
-
clear:both 清除浮动查看全部
-
margin：0和padding：0 这个是取消内外边距的，各个浏览器的默认边距不一样，这样可以避免一些浏览器差异。 目前没有其他方法。 当然也可以用*通配符把所有标签元素重置一遍， 如：*{margin:0;padding:0px;} 但是不推荐，因为会把所有的标签元素都给重置一遍，影响性能。需要用哪个就重置哪个吧，这个了解一下即可。查看全部
-
网页布局： 1：网页布局：又称版式布局，是网页UI设计师将有限的视觉元素进行有机的排列组合，将理性的思维个性的化的表现出来，是一种具有个人艺术特色的视觉传达方式。传达信息的同时有美感。 2：网页设计特点（相对纸媒来说） 1、网页可以自适应宽度 2、网页的长度理论上可以无限延长 3：页面为：头部，主体部分，底部。 分栏又称为分列：一列布局 二列布局 三列布局 以及混合布局（用的最多） 布局通过 浮动和定位来完成(实现ui界面效果)查看全部
-
用的更多的是固定宽度的两列布局，在外边加个main,设定宽度查看全部
-
clear:booth; 清除浮动查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。 有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位查看全部
-
float 和绝对定位可以让元素脱离文档流查看全部
-
div{width:800px;height:500px;margin:0 auto} 定宽元素居中查看全部
-
三列布局：不能使用float，左右两列绝对定位，分别靠左和靠右，中间列为相对定位，左右margin分别设置为左右两列的宽度即可，如果列与列之间需要间隔，则增加相应的margin值。查看全部
-
浮动（float）和相对定位（position：relative）可让元素脱离文档流查看全部
-
单列布局：顶部通栏，主体部分有内容撑开，固定宽度，底部固定宽度查看全部
-
水平居中‘magin：0 auto’查看全部
举报
0/150
提交
取消