2011年11月14日

摘要: 练习,已达到熟练的运动div布局,代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">#top,#header,#banner,#content,#footer,#fo 阅读全文
posted @ 2011-11-14 11:24 苦笑一下 阅读(299) 评论(0) 推荐(0) 编辑
 
摘要: 这里为了熟练运用div进行了网页简单模块布局的锻炼实现具体代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">body{background:#fff;font:13p 阅读全文
posted @ 2011-11-14 11:17 苦笑一下 阅读(2556) 评论(0) 推荐(0) 编辑
 
摘要: 这里要实现得是,两边固定不变,变化中间的效果实现代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">#header,#content,#footer{backgroun 阅读全文
posted @ 2011-11-14 11:07 苦笑一下 阅读(265) 评论(0) 推荐(0) 编辑
 
摘要: 这里做出的效果是,固定中间不变,左右两边随着浏览器的变化,而变化实现代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">#header,#content,#footer 阅读全文
posted @ 2011-11-14 11:02 苦笑一下 阅读(186) 评论(0) 推荐(0) 编辑
 
摘要: 这里面我们要做的就是,当浏览器变化时,布局也同时跟着变化。实现这一简单效果,代码如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">#header,#content,#footer{background-color:#ccc;border:1px solid #00 阅读全文
posted @ 2011-11-14 10:57 苦笑一下 阅读(376) 评论(0) 推荐(0) 编辑