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

刚接触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>

 

posted @ 2014-08-22 20:22  AMORA  阅读(169)  评论(0编辑  收藏  举报