| 系统系 | - 操作系统 - 工具软件 - 病毒安全 - Vista专区 | WEB2.0 | - 奇趣 - 发现分享 - 评论员文章 | 视 频 | - 体育 - 娱乐 - 科技 - 教程 |
| 办公系 | - Word - Excel - Powerpoint - 网站建设 | 动画系 | - Flash - Ascript - Flex - MsE Design 教程 | 编程系 | - Asp - Asp.Net - Php - Jsp、Java - CGI/perl |
| 艺术系 | - 酷赏 - 工业 - 建筑 - 界面 - 平面 - 视觉 | 网站系 | - HTML/Xhtml - Js、Ajax - Css - XML、XSLT | 下 载 | - 图形图像 - 多媒体 - 系统办公 |
十步学会用css建站(全)
1.创建html模板。
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>CompanyName - PageName</title>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="description" content="Description" />
<meta name="keywords" content="Keywords" />
<meta name="author" content="Enlighten Designs" />
<style type="text/css" media="all">@import "css/master.css";</style>
</head>
<body>
</body>
</html>
将其保存为index.html,并创建文件夹css，images，网站结构如下：
2.创建网站的大框：
建立一个宽760px的盒子，它将包含网站的所有元素。
在html文件的<body>和</body>之间写入
<div id="page-container">
Hello world.
</div>
创建css文件，命名为master.css,保存在/css/文件夹下。写入：
#page-container {
width: 760px;
background: red;
}
控制html的id为page-container的盒子的宽为760px，背景为红色,表现如下。
现在为了让盒子居中，写入margin: auto;，使css文件为：
#page-container {
width: 760px;
margin: auto;
background: red;
}
现在你可以看到盒子和浏览器的顶端有8px宽的空隙。这是由于浏览器的默认的填充和边界造成的。消除这个空隙，就需要在css文件中写入：
html, body {
margin: 0;
padding: 0;
}
责编：yezi
相关搜索： 十步 学会 用css建站
特别注意：本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有，文章若有侵犯作者版权，请与我们联系，我们将立即删除修改。
- Flash教程：AS 3.0代码实现甲虫跟随鼠标
- Photoshop教程：打造长颈鹿的音乐壁纸特效
- photoshop初级教程：教你制作投影的简单方法
- Flash鼠绘新手入门教程：绘制逼真螳螂的方法
- 2008Pentawards包装设计奖获奖作品
- Photoshop合成教程：打造非主流颓废效果
- Photoshop手绘教程：绘制水墨梅花入卷轴效果中国教程网论坛
- Premiere教程：遮罩的使用方法
- 3ds MAX渲染教程：打造古色古香苏州民居
- Photoshop教程：合成打造超酷翼龙再现场景
- 视觉设计常见误解
- 漫淡CSS：说说CSS空格运算符
- 第10届墨西哥国际海报双年展获奖作品
- 不间断滚动图片Javascript特效讲解
- SEO——我们是不是走错了路?
- NWP特色贴纸限时限量免费赠送
- 2008年度千千静听皮肤设计大赛开赛
- 时代的早晨——2008早晨设计年鉴
- CG艺术家 Michal Ivan 作品
- 玻璃杯的透明抠图法
- 暗夜中的华丽：褪去浮华 疯狂的爱上你
- 极致美胸诱惑——回忆那曾经的汹涌波涛
- 广告摄影师的把戏：眼球爆炸，视线模糊
- 惊艳的空中摄影：男人们高高在上的梦想
- 让世界瞩目！2007洛杉矶车展顶级跑车赏
- 世界各国货币鉴赏
- 德国顶级时尚大师dimitri Daniloff作品
- Psyop新推法国迷情橘汁广告动画欣赏
- 告诉你什么叫强悍！连电脑也穿上透视装
- 随意涂抹 肆意浸染 那一抹风轻云淡的美
- 美国科学基金会评出2007最佳科学图片(组图)
- 文博会掠影 惊喜一点一点考验你的承受力
- 2007国际室内设计大奖五位获奖者作品赏
- 中原明珠：郑灵度景观设计建筑表现作品
- 迷倒众生！细数2007年最抢眼的概念车型
- 郁闷人士专用 10大有趣贴心的科技产品
- 以色诱人 十大旷古绝今的惊世极品靓车
- 砖块的艺术:Cubii作品赏
- 先睹为快！让世界为之倾倒的08顶级汽车
- 时尚可爱的卡通显示器 让你一次看过瘾！
- 过季荷花别样红
- 极致美胸诱惑——回忆那曾经的汹涌波涛
- 国内外JavaScript 经典封装
- 洞房花烛夜 完美婚房装修设计六大看点
- 墨西哥设计师Lourdes Zolezzi海报设计
- 分离设计! Mac Tablet概念笔记本电脑!
- 42个值得阅读的设计/技术杂志
- Flash教程：AS 3.0代码实现甲虫跟随鼠标
- Photoshop教程：打造长颈鹿的音乐壁纸特效
- photoshop初级教程：教你制作投影的简单方法
- Flash鼠绘新手入门教程：绘制逼真螳螂的方法
- 2008Pentawards包装设计奖获奖作品
- Photoshop合成教程：打造非主流颓废效果
- Photoshop手绘教程：绘制水墨梅花入卷轴效果中国教程网论坛
- Premiere教程：遮罩的使用方法
- 3ds MAX渲染教程：打造古色古香苏州民居
- Photoshop教程：合成打造超酷翼龙再现场景
- 视觉设计常见误解
- 漫淡CSS：说说CSS空格运算符
- 第10届墨西哥国际海报双年展获奖作品
- U盘启动PE安装Win XP的成功经验
- 迪拜帆船型七星级酒店设计
- 蓝绿色调视觉调整的非主流教程
- 3ds Max 发光的地球之夜
- 快乐狗原创动漫大赛结果公布
- 如何增强ASP程序性能(2)
- 滚动字幕制作及与音乐同步技巧
- lelania cortez 平面设计
- 关于recordcount等-1的问题
- Maui Jaramillo 平面设计
- asp实现在web中显示电子表格数据（二）生成HTML表格
- 全面认识验证身份的数字证书
- ASP编程中15个非常有用的例子 （二）
- 荷语无声
- 揭开08年奥运会奖牌“金玉佩”不碎之谜
- 让世界瞩目！2007洛杉矶车展顶级跑车赏
- 另类方法查杀自我保护性强的病毒
- Sou Fujimoto建筑设计欣赏
- Photoshop经典调色教程：皇宫柔情古典调
- asp 超强分页类 比传统分页提高速度100倍