十步学会CSS+DIV建站(全)

最新推荐文章于 2017-11-12 21:32:40 发布

翻译最新推荐文章于 2017-11-12 21:32:40 发布 · 2.7k 阅读

文章标签：

#css #div #layout #浏览器 #blog #html

前台技术专栏收录该内容

95 篇文章

订阅专栏

本教程从规划网站开始，详细介绍了使用CSS进行网页布局的过程，包括HTML模板创建、div元素运用、网页框架搭建、文本样式设定等内容，并针对不同浏览器进行了兼容性调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

点击这里使用RSS订阅本Blog： title="RSS 2.0" type="application/rss+xml" href="http://feed.feedsky.com/softwave" rel="alternate">

http://www.blueidea.com/tech/web/2008/5979.asp

第 1 页规划网站
第 2 页创建html模板及文件目录等
第 3 页将网站分为五个div
第 4 页网页布局与div浮动等
第 5 页网页主要框架之外的附加结构的布局与表现
第 6 页页面内的基本文本的样式(css)设置
第 7 页网站头部图标与logo部分的设计
第 8 页页脚信息的表现设置
第 9 页导航条的制作
第 10 页解决IE浏览器的显示BUG

本篇已得到原作者 Steve Dennis 的翻译准予，在此Jorux表示感谢！
本教程主要参考 Creating a CSS Layout from scratch ，由Jorux翻译，以意译为主，其间加入了不少Jorux的个人观点，省略了一些多余的说明，请读者明鉴。

[摘自蓝色理想]

<script type="text/javascript" src="http://www.google.com/reader/ui/publish<script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/00697638153916680411/state/com.google/broadcast?n=5&callback=grc_p%28%7bc%3a%22green%22%2ct%3a%22%5cu8fd9%5cu4e9b%5cu6587%5cu7ae0%5cu4e5f%5cu503c%5cu5f97%5cu4e00%5cu770b%22%2cs%3a%22false%22%7d%29%3bnew%20grc"></script>%22%7D%29%3Bnew%20GRC">