13518219792
Dreamweaver中CSS面板的设置步骤：
目前成都创新互联已为成百上千的企业提供了网站建设、域名、网络空间、成都网站托管、企业网站设计、潜山网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
首先这里我们是需要你新建一个HTML文档的，这里我们直接打开工具，之后选择新建HTML即可
建立完毕之后这里我们使用快捷键，Shift+F11随后我们就可以看到CSS面板
在面板中用鼠标右击之后选择里面的“新建”，之后会弹出新建CSS规则表格，将选择类型设置~为类，名称设置为~测试，定义在~仅对该文档，点击“确定”。随后弹出图下中所示的测试CSS规则定义。
在css定义框中我们是可以看到。类型 背景 区块 方框 边框 列表 定位 扩展。在类型框中将字体大小，样式、行高等进行设置
随后是个背景的设置，这里我们是可以设置背景颜色和背景图像的，这里还可以设置区块模式，定位，列表等都是可以通过自己的设置而变得美化的。
设置完毕，输入内容我们就可以看到我们设置的结果。
dw 插入css。
有两种方法：1 、style type="text/css"................style 放在head 和 body 之间就可以。
2、link href="pic/box.css" type="text/css" rel="stylesheet" / 连接外部样式表。
1、直接在html标签元素内嵌入css样式，如
div style="font-size:14px;color:#FF0000;"
2、在html头部head部分内style声明插入代码如下：
style type="text/css"
!--
.ceshi {font-size:14px; color:#FF0000;}
--
/style
3、在html头部head部分内使用@import引用外部CSS文件方法
style type="text/css"
!--
@import url(wcss.css);
--
/style
Wcss.css文件内代码.ceshi {font-size:14px; color:#FF0000;}
4、在html头部head部分内使用link来调用外部的css文件
在head放置linkrel="stylesheet" href="wcss.css" type="text/css"/来调用外部的wcss.css文件来实现html引用css文件
linkrel="stylesheet" href="wcss.css" type="text/css"/
看你要什么样子的，有四种方式，行内样式，内嵌式，链接和导入式
行内呢是在标签里直接写，比如div style="text-align:center; width:750px;"
内嵌是写在head/head之间，例如：style type="text/css"
!--
body {margin:0 auto;padding:0;font-family:"宋体";font-size:12px; color:#000000;text-align:center}
--
/style
链接和导入没有什么太大的区别，需要简历外部CSS文件，在GW中按ctrl+n有那选项
之后在页面head/head之间加入CSS文件所在路径调用，如下，link href="CSS/CSS1.css" rel="stylesheet" type="text/css" /
一般添加css样式表的方式有3种！
一种是引入css样式表，引入css样式表一般用link的方式引入，代码如下
link href="路径和css样式表的名称" rel="stylesheet" type="text/css"
如果对写代码不是很流利的话可以用DW 手动引入，操作步骤图片如下：
选择好了点击确认就可以了。添加好了之后你会看到就是上面所示的代码！
那么第二种添加css样式的方法是网页里添加css样式
style
.header{}
/style（这种方式不推荐哦）
第三种就是在你需要给某个区块添加特殊的样式比如 你的div区块里的特定区块需要单独添加一个样式。
例如：
div class="main_left"
ul
li class="name"/li
li class="neirog"
p style="color:#F00;"/p
/li
/ul
/div
如上所示 在给P 标签添加了一个样式，这种方法也不是很推荐的！ 除特定的需求除外。
如图所示，点击链接css样式的按钮，之后浏览到您要链接的css样式文件，选择一个点击确定就可以了。
