对于新手初学div+css在开发工具上个人有两点建议：如果你打算以后靠这个行业为生，或者在别人面前得瑟自己水平的话可以选择系统自带的记事本，或者是Notepad++，或者其他文本类编辑工具；如果你只是想学习学习，又偷懒，懒得背单词，那么直接安装一个Dreamweaver，下载这个软件的时候最好去一些大网站，或者360里也提供下载，完成安装后，去百度个序列号，就可以了。
好了，废话不多说，使用记事本的可以跳过去这段，直接往下看。使用Dreamweaver的继续看。
打开Dreamweaver后，新建一个html文件，在建立好的这个文件中，你发现默认是有好多代码的，如下
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>无标题文档</title>
- </head>
- <body>
- </body>
- </html>
对于依靠Dreamweaver的朋友，建议不要默认代码进行缩减。直接保存到一个地方，然后用浏览器打开这个页面，你会发现什么，是空白的。那么现在我们开始在这个页面里添加一些东西。我就直接给大家上一段完整的代码，然后做下基本解释，涉及到的其他知识会在以后进行详细讲解。
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html>
- <head>
- <title>一个网站的标题</title> <!--<title></title>之间的内容，是一个网站的标题，通常位于浏览器的标签栏。-->
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><!--这个是定义网页编码，网站编码一共有两种一种是gb2312一种是utf-8-->
- <link rel="stylesheet" type="text/css" href="Css/css.css" /><!--这个是引用css-->
- <link rel="shortcut icon" href="favicon.ico" /> <!--这个是一个小图标，不会制作的话直接在百度搜ico在线制作就可以，这个文件一定要放在网站根目录，这个一般是在浏览器标签栏或者地址栏网之前可以看到-->
- <meta name="KeyWords" content="关键词一|关键词二|关键词三" /><!--这个是一个网站的关键词，搜索该关键词可以访问到你的网站-->
- <meta name="description" content="网站综合描述" /><!--这个是一个网站的描述，对优化有好处-->
- </head>
- <body>
- 床前明月光···后面自己想
- </body>
- </html>
需要说的是，网站所呈现给你的内容都是在body里的，所以你的页面代码都要放置在body里。
下一节是css全局规范书写
