您的位置：首页 > 理论基础 > 计算机网络

HTTP格式布局

2016-03-23 14:55 351 查看

position:

1、fixed——position:fixed; /*固定显示，一直悬着，不随着滚动条更换位置 */

2、absolute——position:absolute; /*根据显示窗口的第一显示界面进行定位，直接定死在页面上，跟着滚动条更换位置

3、relative——position:relative;/*相对的定位，相对的是上一句代码，使用relati时要先看上一句代码结束的位置*/

title>无标题文档</title>
<style>
#a{
border:2px solid green;
height:300px;
width:100px;
float:left;}
#b{
border:2px solid green;
height:300px;
width:100px;
float:right;}/*float流式布局，不占用文字的空，两侧广告，照片。占用左右两边空白，在一行上。针对于最后一行代码执行。*/
/*半透明效果：
　　<div class="box">透明区域<div>
在样式表中的代码为：*/
.box
{
opacity:0.5; -moz-opacity:0.5 ; filter:alpha(opacity=50)
}
</style>

</head>

<body>123

<div id="b">b</div><div id="a">a</div><!--先有的b，后有的a，区域留白 -->
<div id="b">d</div><div id="a">c</div>
</body>
</html>

View Code

半透明效果：

　　<div class="box">透明区域<div>

在样式表中的代码为：

.box

{

opacity:0.5; -moz-opacity:0.5 ; filter:alpha(opacity=50)——背过、、、

}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航