赛事信息
  暂时没有相应新闻
背景:
阅读新闻

学习WEB标准制作网页之Page Layout 网页布局

[日期:2007-11-09] 来源:设计艺术家资源  作者: [字体: ]

使用CSS布局非常简单,如果你习惯使用tables布局,可能开始时有点困难,但其实很容易,事实上只是观念的不同。 

你需要把网页的每个部分看成独立的块,你可以绝对或相对定位块。 

Positioning 定位 

positon属性可以指定元素为absolute,relative,static或是fixed。 

static是元素默认属性,按HTML出现的先后顺序。 

relative比较像static,但元素可以使用top,right,bottom和left设定初始属性。 

absolute把元素从HTML里面拉出,一切由它自己决定,在这里,绝对定位元素可以使用top,right,bottom,left定位在任何地方。 

fixed行为像absolute,但它绝对定位的元素参照浏览器窗口与网页没有关系。所以,理论上,fixed元素可以固定在屏幕上当页面滚动时。为什么说是理论上的?因为IE7以下的浏览器不支持。 

使用绝对定位布局 

可以使用绝对定位创建传统的两列布局,如下: 

<div id="navigation"> 
<ul> 
<li><a href="this.html">This</a></li> 
<li><a href="that.html">That</a></li> 
<li><a href="theOther.html">The Other</a></li> 
</ul> 
</div> 
<div id="content"> 
<h1>Ra ra banjo banjo</h1>
      <p>Welcome to the Ra ra banjo banjo page. Ra ra banjo banjo. Ra ra banjo banjo. Ra ra banjo banjo.</p> 
<p>(Ra ra banjo banjo)</p> 
</div>

收藏 推荐 打印 | 录入:chda-6 | 阅读:
相关新闻