-
经典实用~查看全部
-
三栏。两边定宽中间自适应查看全部
-
body{ margin:0px; padding:0px; } 是为了清除默认样式查看全部
-
margin:0 auto; 为某个div设置这样的css样式的时候,就是指这个div的上下边界为0,左右边界自适应查看全部
-
网页布局中。页面的布局关系就是块与块之间的关系，主要为块挨着块，块嵌套块，块层叠块查看全部
-
布局主要为：一列布局、两列布局、三列布局、混合布局 通过div来实现查看全部
-
布局要点：布局又称板式布局，是网页UI设计师将有限视觉元素进行有机的排列组合。查看全部
-
三列布局实现中间的自适应布局要采用绝对定位的方法： position：absolute；查看全部
-
float:left; float:right;查看全部
-
两列自适应宽度的布局：用百分比，float查看全部
-
设置水平居中： margin：0 auto；查看全部
-
<!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"> body{ margin:0; padding:0; font-size:30px; font-weight:bold} div{ line-height:50px} .left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0} .main{ height:600px; 【任务2】 background:#9CF; margin: 0 310px 0 210px ; background:blue;} .right{ height:600px; width:300px; position:absolute; top:0; position:absolute;right:0;top:0; background:#FCC;} </style> </head> <body> <div class="left">left</div> <div class="main">设计首页的第一步是设计版面布局。就象传统的报刊杂志编辑一样，我们将网页看作一张报纸，一本杂志来进行排版布局。 虽然动态网页技术的发展使得我们开始趋向于学习场景编剧，但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的，你可以领会要点，举一反三。</div> <div class="right">right</div> </body> </html>查看全部
-
两个 css 设置，可以让元素脱离文档流（浮动定位与绝对定位）查看全部
-
宽度高度等若要自适应则要按百分比来设置查看全部
-
什么叫做布局查看全部
举报
0/150
提交
取消