首页 相关文章 CSS基础教程:CSS网页布局Page Layout

CSS基础教程:CSS网页布局Page Layout

使用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
...[ 查看全文 ]

2016-02-19 标签:

CSS基础教程:CSS网页布局Page Layout的相关文章

手机页面
收藏网站 回到头部