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 苦笑一下阅读(306) 评论(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 苦笑一下阅读(2589) 评论(0) 推荐(0)

1-3-1固定两边，变化中间

摘要：这里要实现得是，两边固定不变，变化中间的效果实现代码如下：<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 苦笑一下阅读(272) 评论(0) 推荐(0)

1-3-1变化两边，固定中间的布局

摘要：这里做出的效果是，固定中间不变，左右两边随着浏览器的变化，而变化实现代码如下：<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 苦笑一下阅读(195) 评论(0) 推荐(0)

1-3-1可以变化宽度的简单布局

摘要：这里面我们要做的就是，当浏览器变化时，布局也同时跟着变化。实现这一简单效果，代码如下：<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 苦笑一下阅读(389) 评论(0) 推荐(0)

导航

2011年11月14日