网站公告列表

  没有公告

加入收藏
设为首页
繁體中文
您现在的位置: 五月雪电脑教程网 >> 网络技术教程 >> 网站制作 >> 正文
[组图]网页设计基础入门:Div+CSS布局入门教程        ★★★
网页设计基础入门:Div+CSS布局入门教程
作者:佚名 文章来源:本站原创 点击数: 更新时间:2007-4-14 17:29:50
关键字信息载入中...
广告载入中...
  分别表示高度(px)、宽度(px)、字体颜色(HTML色系表)。

  4、如何使页面居中?

  大家将代码保存后可以看到,整个页面是居中显示的,那么究竟是什么原因使得页面居中显示呢?

  是因为我们在#container中使用了以下属性:

  margin:0 auto;

  按照前面的说明,可以知道,表示上下边距为0,左右为自动,因此该层就会自动居中了。

  如果要让页面居左,则取消掉auto值就可以了,因为默认就是居左显示的。

  通过margin:auto我们就可以轻易地使层自动居中了。

  5、这里我只介绍这些常用的CSS属性了,其他的请参看CSS2.0中文手册。

  三、页面顶部制作之一

  当我们写好了页面大致的DIV结构后,我们就可以开始细致地对每一个部分进行制作了。

  在上一章中我们写入了一些样式,那些样式是为了预览结构而写入的,我们把CSS.css中的样式全部清除掉,重新写入以下样式代码:

  /*基本信息*/

  body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;}

  a:link,a:visited {font-size:12px;text-decoration:none;}

  a:hover{}

  /*页面层容器*/

  #container {width:800px;margin:10px auto}

  样式说明:

  a:link,a:visited {font-size:12px;text-decoration:none;}

  a:hover {}

  这两项分别是控制页面中超链接的样式,具体我就不说明了,请大家参阅手册。

  #container {width:800px;margin:10px auto}

  指定整个页面的显示区域。

  width:800px指定宽度为800像素,这里根据实际所需设定。

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]  ... 下一页  >> 

文章录入:lwyx    责任编辑:lwyx 
【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
网 络 热 门
网络热门信息载入中...
最 新 热 门
最新热门信息载入中...
最 新 推 荐
最新推荐信息载入中...
相 关 文 章
相关文章信息载入中...
相 关 评 论
相关评论信息载入中...

Copyright @ 2005 2006 五月雪电脑教程网
中华人民共和国信息产业部ICP备案号: 闽ICP备 05014026
教程网技术支持:QQ:75484101 友情提供
统计进行中...统计进行中...

文字环绕图片在CSS中的高…
滑动门技术在CSS中的高级…
如何兼容IE和Firefox浏览…
DIV+CSS常见错误汇总
CSS:简化CSS中属性的示例…
IE7对css选择器的改进
css布局实例:网页布局的…
多种浏览器下CSS控制DIV…
一句css代码实现黑白素色…
使用DreamWeaver编写CSS…
 姓 名:
 评 分:
1分 2分 3分
4分 5分
 内 容: