-
margin:0 auto (div属性，居中)查看全部
-
margin:0 auto (div属性，居中)查看全部
-
网页布局特点：网页可以自适应宽度以及网页的长度理论上没有限制查看全部
-
值得看：中间自适应，左右固定宽度的三列布局！查看全部
-
三列布局：left:绝对定位 position：absolute；left：0；top;0； right 同理 middle margin:0;left: right:查看全部
-
<!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} .top{width:800px;height:100px;margin:0 auto;background:#ccc;} .main{width:800px;height:600px;margin:0 auto;background:red;} .left{ width:300px;height:600px;float:left;background:blue;} .right{ width:490px;height:600px;float:right;background:#9C9;} .foot{width:800px;height:50px;margin:0 auto;background:#F63;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>查看全部
-
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。 如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。 注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。 替换元素： 替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容。 比如：<input /> type="text" 的是，这是一个文本输入框，换一个其他的时候，浏览器显示就不一样 (X)HTML中的<img>、<input>、<textarea>、<select>、<object>都是替换元素，这些元素都没有实际的内容。 非替换元素： (X)HTML 的大多数元素是不可替换元素，他们将内容直接告诉浏览器，将其显示出来。 比如<p>wanmei.com</p> 浏览器将把这段内容直接显示出来。 除了这两字，还有两种非常属性的元素，显示元素，他分为两种情况，一种是‘块及元素’ ‘block’，还有一种是“行内元素”inline，大家也叫“内联元素”。 块及元素 他最明显的特征就是独自占领一行，自动充满父级元素的内容区域，绝不会让别人“侵略”（当然可以通过其他方式去改变他）。 常见的有：div，p..等等。 通过CSS设定了浮动（float属性，可向左浮动或向右浮动）以及设定显示（display）属性为“block”或“list-item”的元素都是块级元素。这个地方浮动是一个比较特殊的情况，可以详查浮动这个知识 行内元素： 上面说块及元素独自占领一行，行内元素就没这么霸道了，他可以左右都允许有元素，最常见的就是<a></a>查看全部
-
宽度的百分数配上浮动查看全部
-
定位的方法就是把块状元素定位到绝对位置，无论浏览器怎么动都不会把位置弄乱查看全部
-
当被float元素遮盖的元素有 css style（overflow:hidden 即文本不溢出，文本不能显示在元素外）时，元素不再被float元素遮盖。查看全部
-
float:脱离文档流，遮盖下层的元素，但并不遮元素的内容。内容会环绕它。 这就是为什么被遮盖元素中的内容比如文本会溢出。 clear属性是指元素在做浮动的时候左/右/两边 不能出现浮动的元素，是一个动态而不是静态的概念。举个例子div1(float:left;clear:right) div2(float:left）从字面上看，div2不会浮动到div1右边，因为div1的右边不允许出现浮动元素嘛。其实不是这样的。clear属性只在本元素做浮动的时候生效，也就是说div2在浮动的时候因为没有clear属性，所以能正常向左浮动，紧贴在div1左边查看全部
-
<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} .top{background:gray; width:80%; margin:0 auto;} .main{background:red; width:80%; position:relative; margin: 0 auto;} .right{background:green; height:300px; margin-left:210px;} .left{background:blue; width:200px; height:300px; position:absolute; top:0; left:0; } .foot{background:yellow; width:80%; margin:0 auto;} </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>查看全部
-
.top{ width:500px; height:100px; background:#ddd; margin:0 auto; } .main{ margin:0 auto; width:500px; height:600px; background:red; } .left{ width:150px; height:600px; float:left; background:blue; } .right{ width:340px; height:600px; float:right; background:lightgreen; } .foot{ margin:0 auto; width:500px; height:100px; background:orange; }查看全部
-
css中的浮动(float)和绝对定位(position:absolute)的设置可以让元素脱离文档流。查看全部
-
Div{width:800px;height:500px;margin:0 auto;}这个代码中的margin:0 auto;可以实现定宽元素居中的方法。查看全部
举报
0/150
提交
取消