首页 > 代码库 > CSS中几个初涉元素<position><float>

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

2024-07-19 00:33:22   212人阅读

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


联系
我们