-
那个任务三怎么弄？查看全部
-
混合布局查看全部
-
4-1三列布局 中间自适应查看全部
-
Div{width:800px; height:500px; margin:0 auto}，上面这段样式，可以让 div 在页面的：居中对齐查看全部
-
position：absolute 该块有宽度，同行其他块自适应宽度查看全部
-
属性与参数之间用“：”。如：float：left查看全部
-
浮动(float)和绝对定位(position:absolute)的css 设置，可以让元素脱离文档流查看全部
-
clear:both; //清除两边元素的浮动对他的影响查看全部
-
使用float和绝对定位position:relative都会脱离文档流查看全部
-
<!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; color:#fff;text-align:center;} .top{width:100%;height:80px;background:gray;} .main{background-color:red;height:500px;position:relative;} .left{width:250px;position:absolute;top:0px; left:0px;;height:500px;background:blue;} .right{height:500px;background:green;margin-left:260px;} .foot{width:100%; background-color:yellow;clear:both;} </style> </head> <body> <div class="top">top</div> <div class="main"> <div class="right">right</div> <div class="left">left</div> </div> <div class="foot">foot</div> </body> </html>查看全部
-
其实网页布局就是块与块之间的》1.挨着关系 2.嵌套的关系 3.叠加的关系 进行各种组合。查看全部
-
3列布局，两边采用固定宽度，并设置固定定位，position:absolute;查看全部
-
浮动（float）和 绝对定位（position：absolute）查看全部
-
自适应一般采用百分比来设置宽高等。10%，40%……查看全部
-
布局就是UI设计师把有限的视觉元素进行进行排列组合，吸引人们的注意力，来传达内容的目的，其实网页排版布局也是来自于报刊杂志等的布局，但是了它比传统的排版布局要灵活的多，长度（height）可以不受限制，更具有交互性和可传播性，可以适应不同的设备，传播效率更块，成本也相对于纸媒要低很多。而且具有交互性,可以自适应的特点。 网页布局是艺术设计和技术相结合的。html，CSS，JS…… 网页布局氛围1列布局，2列布局，三列布局和混合布局。查看全部
举报
0/150
提交
取消