怎么在dw中添加css样式 如何创建css文件

说到创建CSS文件呢，呢，更简单啦！先在DW里新建一个站点，取个站点名，不要用中文，路径也别用中文，避免乱码闹心。然后在站点根文件夹下新建一个名为“css”的文件夹，紧接着在这个文件夹里新建一个扩展名为.css的文件，就大功告成啦！最后别忘了在站点根目录下新建一个index.html文件，这样结构就齐全了，可以开始写样式代码啦！

dw中如何选择创建css文件和使用css面板或者设计器

哎呀，你知道吗？在Dreamweaver CS6里，还有个超好用的功能：直接新建一个CSS文件！具体步骤是，点“文件”>“新建”，选择“CSS”文档类型，然后按“创建”。这时候，你可以在弹出的CSS文件里自由添加样式规则。加上，打开你的HTML文件，在标签里用标签链接刚刚创建的CSS文件，搞定！href属性得指向你创建的.css文件路径，记得别写错喔。

另外，还有CSS面板这个炫酷小工具，打开一个HTML文档，用快捷键Shift+F11就能呼出CSS面板，是不是方便极了！面板里右键点击选择“新建”，会弹出新建规则窗口。你可以设置样式类型、名字，而且还能定义作用范围（比如只作用于当前文档）。此外，DW也带了CSS设计器，在窗口右侧活动区域能找到它，支持拖拽和可视化编辑CSS规则，超级适合像我这种喜欢直观操作的朋友。

这些功能加起来，让你从新建文件夹、创建CSS文件、写样式到应用样式，整个流程流畅无比，学起来不费劲儿！

相关问题解答

1. 怎么在DW中新建一个CSS文件比较简单？

嘿，这个超 easy！你直接在DW里点“文件”>“新建”，选“CSS”文档类型，然后点“创建”，就出现了空白的CSS文件。或者你也可以先新建个文件夹，然后用记事本写点样式，保存时后缀改成.css，导入DW也一样。反正两种方法都挺灵活，别忘了给你的HTML文件加链接哦！

2. 在DW里怎么让样式只作用于某个HTML页面？

这个你有两招儿哈！第一，使用CSS面板新建规则时，定义样式只作用当前文档；第二，直接把style写在具体标签里，也就是内联样式，包裹在标签的style属性里，嗖嗖地，效果锁定在那个标签身上。这样做超精细，适合小范围定制样式。

3. CSS设计器到底是个啥，适合新手吗？

CSS设计器就是DW里专门帮你可视化搞定CSS的好帮手，在右侧活动窗口都能找到它。你可以用它直观地添加、编辑各种样式规则，无需死记代码，拖拖拉拉就能改字体、颜色啥的，简直贴心！特别适合新手小伙伴，零基础也能轻松上手，大神都说好用！

4. 为什么我的style代码写了没反应，是不是哪里写错了？

啊哈，这个坑很多人踩！写style代码的时候，最常见的坑就是引号没用英文引号。中文引号或者漏写引号都不行，DW那边根本无法识别，样式也不会生效。还有一个小tip是确保标签闭合正确，代码结构乱套也容易让CSS失效！所以，写代码时咱们一定要注意格式，别被这些小细节坑了哟。