如何利用CSS制作框架？？
闲着没事，给你写一个吧！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:///1999/xhtml">
<head>
<title>CSS 框架</title>
<style type="text/css">
body{text-align:center;font:14px/1em Arial, Helvetica, sans-serif '宋体';}
*{margin:0;padding:0;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.border{border:1px solid #888;}
#wraper{margin:0 auto;width:850px;}
#header{height:120px;position:relative;border:1px solid #888;}
#header .logo{position:absolute;top:40px;left:20px;width:120px;height:50px;line-height:50px;text-align:center;text-transform:uppercase;}
#main{margin-top:5px;}
#main .banner{height:60px;line-height:60px;}
#main .box{margin-top:5px;width:49%;height:250px;}
#main .box h1{height:25px;line-height:25px;text-indent:10px;font-size:14px;border-bottom:1px solid #888;text-align:left;}
#main .more{margin:5px auto 0 auto;width:80%;height:15px;}
#footer{margin-top:5px;height:50px;line-height:50px;border:1px solid #888;}
</style>
</head>
<body>
<div id="wraper">
<div id="header"><div class="logo border">logo</div></div>
<div id="main">
<div class="banner border">Banner</div>
<div>
<div class="box border left"><h1>Title</h1></div>
<div class="box border right"><h1>Title</h1></div>
<div class="clear"></div>
</div>
<div class="more border"></div>
</div>
<div id="footer">footer</div>
</div>
</body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:///1999/xhtml">
<head>
<title>CSS 框架</title>
<style type="text/css">
body{text-align:center;font:14px/1em Arial, Helvetica, sans-serif '宋体';}
*{margin:0;padding:0;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.border{border:1px solid #888;}
#wraper{margin:0 auto;width:850px;}
#header{height:120px;position:relative;border:1px solid #888;}
#header .logo{position:absolute;top:40px;left:20px;width:120px;height:50px;line-height:50px;text-align:center;text-transform:uppercase;}
#main{margin-top:5px;}
#main .banner{height:60px;line-height:60px;}
#main .box{margin-top:5px;width:49%;height:250px;}
#main .box h1{height:25px;line-height:25px;text-indent:10px;font-size:14px;border-bottom:1px solid #888;text-align:left;}
#main .more{margin:5px auto 0 auto;width:80%;height:15px;}
#footer{margin-top:5px;height:50px;line-height:50px;border:1px solid #888;}
</style>
</head>
<body>
<div id="wraper">
<div id="header"><div class="logo border">logo</div></div>
<div id="main">
<div class="banner border">Banner</div>
<div>
<div class="box border left"><h1>Title</h1></div>
<div class="box border right"><h1>Title</h1></div>
<div class="clear"></div>
</div>
<div class="more border"></div>
</div>
<div id="footer">footer</div>
</div>
</body></html>
佚名
2024-11-15 11:20:37
类似问题(10)
-
佚名2024-11-15 23:00:36
问如何写出好的css样式框架？
答CSS 需要的不是经验，而是技巧。技巧是要按需要来写的。而需要则是整体页面风格的需要，不可能有单独的，万用CSS样式。所谓DIV不过指的就是一个“块”而已。大块...
-
佚名2024-11-15 09:28:56
问什么是css框架 css框架优缺点
答CSS 框架是一系列 CSS 文件的集合体，包含了基本的元素重置，页面排版、网格布局、表单样式、通用规则等代码块,用于简化web前端开发的工作，提高工作效率。优...
-
佚名2024-11-15 01:48:10
问推荐一个优秀的国产css框架
答推荐 渴切-开源中文css框架，基于css3/html5 ，包含了栅格化系统，响应式布局，扁平化设计，视差滚动等高端css应用 http://download...
-
佚名2024-11-15 04:42:43
问CSS框架 ui 有哪些
答比较流行的是bootstrap吧，腾讯QQ空间出的frozenui还不错，如果偏向手机端的话jquery mobile的ui组件比较适合用。
-
佚名2024-11-15 19:19:21
问如何编写一个轻量级的CSS框架
答经常能复用的如按钮 定义class写一些样式，就算是一个小型框架了，用的时候加个class类名就行了
-
佚名2024-11-15 12:19:04
问有哪些精致的 CSS UI 框架
答国外：Bootstrap，UIKit国产：Amaze UI
-
佚名2024-11-15 23:38:44
问apiclound没有html/css框架，用什么框架比较好
答官方说过不用框架,说影响性能, 但有框架后开发更加迅速,所以得官方能提供个框架比较好AmazeUI框架也是比较好的
-
佚名2024-11-15 04:56:00
问我的主页想做一个css的框架的布局，哪里有现成的css 源代码，比较干净的框架
答单纯做布局的话，还是960grid比较不错。框架就是最底层的东西，个人认为，零散而又规范的东西才算的上框架，既可以发挥使用者的创造力，还可以保持一个统一规范的标...
-
佚名2024-11-15 08:16:59
问DIV+CSS网页框架代码求助
答----- HTML CODE -----<div id="wrap"> <div id="header">这里放置页眉</div> &...
-
佚名2024-11-15 08:00:00
问如何制作个性相框
答现在，很多人都很爱拍照，婚纱照就更不例外了，除了婚纱照之外，也会去拍艺术照，越来越多的人喜欢拍照了，一张照片要很好看，除了照片本身要拍好之外，还有要留意的就是相...
风水
起名
网名
- 1 陌路 网名
- 2 2014网名男生霸气
- 3 关于大树的网名
- 4 含有日字网名
- 5 欧美扣扣网名女生霸气头像女生头像女生头像大全
- 6 带奈何的霸气网名
- 7 电脑支付宝昵称怎么设置
- 8 刺激战场撩妹昵称
- 9 雪儿开头的昵称
- 10 微博没有会员如何修改昵称
说说
- 1 情侣个性签名伤感的2016
- 2 等待退伍的个性签名
- 3 用动物形容个性签名
- 4 看别人qq签名会知道吗
- 5 说说吧想家
- 6 南山南歌词说说
- 7 qq空间说说评论导出
- 8 办公室工作的心情说说
- 9 不去理不理我的人说说
- 10 幼儿园孩子睡觉的说说
