-
Div{width:800px; height:500px; margin:0 auto},上面这段样式,可以让 div 在页面的:居中对齐查看全部
-
已完成查看全部
-
网页布局:又称版式布局,是网页UI设计师将有限的视觉元素进行有机的排列组合,将理性的思维个性化的表现出来,是一种具有个人艺术特色的视觉传达方式。传达信息的同时有美感。 网页设计特点(相对纸媒来说) 1、网页可以自适应宽度(百分比自适应宽度) 2、网页的长度理论上可以无限延长(高度自适应) 一般是头部,主体,底部。主体一般再根据需要分栏,一般两栏或者三栏,还有可能分为更多的栏目。常见分栏方式:一、二、三、列布局,混合布局。查看全部
-
一列布局 一般用于网站首页,页面简单明了,主题突出,适合放置简单内容 因为只有一列,网页宽度较宽,所以一般不会插入多行文字,否则会比较容易串行。 一般网页上一列布局都是固定宽度的。 实现思想: 清除默认样式 设置宽度 div水平居中:margin:0 auto;查看全部
-
清除浮动 clear:both查看全部
-
jjj查看全部
-
4-1 三列布局 <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>布局</title> <style type="text/css"> body{margin:0;padding:0;} .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:#ddd; position:absolute; right:0; top:0} <style> </head> <body> <div class="left">200px</div> <div class="middle">there is something gonna happen</div> <div class="right">300px</div> </body> </html>查看全部
-
两列布局: 【根据百分比设置使宽度自适应】 .left{width:20%;height:500px;float:left;backgroung:gray;} .right{width:80%;height:500px;float:right;backgroung:blue;}查看全部
-
body{margin:0;padding:0}清除默认布局 margin:0 auto水平居中查看全部
-
margin:0 auto margin外边界,上面含义:上下边界为0,左右居中auto查看全部
-
1查看全部
-
浮动元素不占任何正常文档流空间,而浮动元素的定位照样基于正常的文档流,然后从文档流中抽出并尽能够远的挪动至左侧或许右侧。当一个元素脱离正常文档流后,依然在文档流中的其他元素将忽略该元素并填补其原先的空间。查看全部
-
position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来查看全部
-
块状元素有一个特点之一:在不设置宽度的情况下,显示为父容器的100%。查看全部
-
body{margin:0;padding:0}清除默认布 margin:0 auto;水平居中查看全部
举报
0/150
提交
取消