您的位置:首页 > Web前端 > CSS

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

2014-08-22 20:22 537 查看
刚接触CSS不是太长时间 对于CSS基本属性也是略懂

就在这里做一个总结

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

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

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

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

<position>

<head>
<style>
.a{width:700px;
height:800px;
border:1px solid red;
position:relative;
top:100px;

left:300px;
}
.b{width:700px;
height:200px;
border:1px solid black;
position:relative;
top:0px;
left:0px;

}

</style>

</head>

<body>

<div class="a"></div>
<div class="b"></div>

</body>


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

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

属性值有<left><right>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐