育才学习网1. dreamweaver 中怎样创建HTML样式
疯了，样式就是css，是一个区别与html的技术。
简单来说：html只是描述结构用的，而css则是描述这个结构的外观表现，html的某些标记如<b>；有自己默认的css样式，但不是主流。
Xhtml编写网页的时候，把内容和表现都是柔和在一起的。
这里先说明一个问题，什么是内容，什么又是表现
如：
<font size=”7” color=”FF0000”>；这里是内容哟</font>
<Font>；…</font>；标记之间的部分就是具体内容
而 size=”7” color=”FF0000” 指出了这段内容的表现，即：7号字、红色
这么做有什么问题呢？
下来我们来看看这段代码（01.html），直接在dw做，视图切换：
<html>
<head>
<title>；页面标题</title>
</head>
<body>
<h2><font color=”red” face=”黑体”>；标记1</font></h2>
<p>；标记1的正文内容</p>
<h2><font color=”red” face=”黑体”>；标记2</font></h2>
<p>；标记2的正文内容</p>
<h2><font color=”red” face=”黑体”>；标记3</font></h2>
<p>；标记3的正文内容</p>
<h2><font color=”red” face=”黑体”>；标记4</font></h2>
<p>；标记4的正文内容</p>
</body>
</html>
问题：
A、如果要把标题名称为蓝色，怎么办？ （修改复杂）
B、除此之外这段代码还有什么问题？（代码重复）
我们再来看看02.html，看看它是怎么解决这个问题的
<html>
<head>
<title>；页面标题</title>
<style>
h2{
font-family：黑体；
color:#FF0000
}
</style>
</head>
<body>
<h2>；标记1</h2>
<p>；标记1的正文内容</p>
<h2>；标记2</h2>
<p>；标记2的正文内容</p>
<h2>；标记3</h2>
<p>；标记3的正文内容</p>
<h2>；标记4</h2>
<p>；标记4的正文内容</p>
</body>
</html>
观察：
多了个<style>..</style>；标记，去掉了所有的<font>..</font>；标记
这时要把 h2标题的文字红色变为蓝色 只需要改正 color:#FF0000
为color:#0000FF 很方便 也没有重复的代码
为什么这么神奇？是因为我们把网页的具体内容和它的表现分离了。
如02.html中 h2仅仅放置内容，而这个内容显示成什么样子就交给
<style>；…</style>；标记中部分处理。
这种技术其实就是css
2. dw怎么把html和css链接起来
1、在软件中先建立一个站点并在站点中新建一个CSS文件夹和一个html文件。
（可以点击下方引用经验查看如何创建一个站点）2、在右上角点击【CSS设计器】，并在下方点击【+号】，然后选择【创建新的CSS文件】。3、在创建窗口中，点击【浏览】按钮。
4、然后选择站点中已经创建好的名字是CSS的文件夹，然后输入想创建的CSS的名字（要用英文哦），点击【保存】。5、然后把添加为设置成【链接】，点击【确定】按钮。
6、添加完成后就可以在右侧的站点中的CSS文件夹下看到刚创建好的CSS样式表文件了。7、在左侧的【head】标签中，就多了一行链接到CSS文件的代码。
在顶部tab标签中也可以看到链 接的样式表。8、接下来写一个简单的网页来看下CSS样式表是否链 接成功。
打开html网页编辑页面，在【body】标签中输入一个div。如下图：9、然后在顶部tab标签中选择刚才创建的CSS样式表，并在样式表中写一个样式，命名为【aaa】，并保存样式表【快捷键Ctrl+S】。
10、然后回到html编辑页面，在div标签中引入class，输入刚才写的样式的名称【aaa】并保存网页【快捷键Ctrl+S】。11、点击顶部的设计按钮，就可以看到实时效果。
12、也可以按快捷键F12，直接用浏览器打开，可以看到真实的效果。证明我们的CSS链接到html中是没有问题。