首页 > Web开发 > 详细

CSS中几个初涉元素<position><float>

时间:2014-08-22 21:00:59      阅读:320      评论:0      收藏:0      [点我收藏+]

刚接触CSS不是太长时间  对于CSS基本属性也是略懂

就在这里做一个总结

CSS会更多的延用HTML中的一些基本属性  例如文字属性的改变方式 <span>元素  <p>元素  

而CSS更多的优点是体现在对于页面布局 和页面整体美感的设置上   <div>元素就很好的解决了整体页面的布局问题  

对于现在所掌握的技术而言  <div>元素更多是用在为整个图形界面定义一个坐标

要提到深受喜爱的<div>  当然离不开其中一个重要的元素  

<position>

 1 <head>
 2 <style>
 3 .a{width:700px;
 4 height:800px;
 5 border:1px solid red;
 6 position:relative;
 7 top:100px;
 8 
 9 left:300px;
10 }
11 .b{width:700px;
12 height:200px;
13 border:1px solid black;
14 position:relative;
15 top:0px;
16 left:0px;
17 
18 
19 
20 }
21 
22 </style>
23 
24 
25 </head>
26 
27 
28 <body>
29 
30 <div class="a"></div>
31 <div class="b"></div>
32 
33 
34 </body>

代码所示<position>元素  主要用在给大的边框定位  而中间嵌入的框架利用<position>元素中的relative属性实现相对位移  继承父集元素的定义  

<float>元素是实现文字图片以及众多元素漂移的元素

属性值有<left><right>

 

CSS中几个初涉元素<position><float>

原文:http://www.cnblogs.com/amora/p/3930184.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!