码迷,mamicode.com
首页 > Web开发 > 详细

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

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

标签:style   blog   color   os   io   问题   div   代码   html   

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

标签:style   blog   color   os   io   问题   div   代码   html   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!