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

浏览数：43 / 时间：2015年06月09日

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

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 html 问题 log 时间 si 框架 class style 代码 html 问题 log 时间 si 框架

相关文章

随机文章

您可能还喜欢

您可能还喜欢