网站公告列表

  没有公告

加入收藏
设为首页
繁體中文
您现在的位置: 五月雪电脑教程网 >> 网络技术教程 >> 网站制作 >> 正文
[组图]网页设计基础入门:Div+CSS布局入门教程        ★★★
网页设计基础入门:Div+CSS布局入门教程
作者:佚名 文章来源:本站原创 点击数: 更新时间:2007-4-14 17:29:50
关键字信息载入中...
广告载入中...
y"><!--主体内容-->

  </div>

  </div>

  <div id="Footer"><!--页面底部-->

  </div>

  </div>

  为了使以后阅读代码更简易,我们应该添加相关注释,接下来打开css.css文件,写入CSS信息,代码如下:

  /*基本信息*/

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

  /*页面层容器*/

  #container {width:100%}

  /*页面头部*/

  #Header {width:800px;margin:0 auto;height:100px;background:#FFCC99}

  /*页面主体*/

  #PageBody {width:800px;margin:0 auto;height:400px;background:#CCFF00}

  /*页面底部*/

  #Footer {width:800px;margin:0 auto;height:50px;background:#00FFFF}

  把以上文件保存,用浏览器打开,这时我们已经可以看到基础结构了,这个就是页面的框架了。

  关于以上CSS的说明(详细请参考CSS2.0中文手册,网上有下载):

  1、请养成良好的注释习惯,这是非常重要的;

  2、body是一个HTML元素,页面中所有的内容都应该写在这标签对之内,我就不多说了;

  3、讲解一些常用的CSS代码的含义:

  font:12px Tahoma;

  这里使用了缩写,完整的代码应该是:font-size:12px;font-family:Tahoma;说明字体为12像素大小,字体为Tahoma格式;

  margin:0px;

  也使用了缩写,完整的应该是:

上一页  [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分
 内 容: