如何创建css文件
创建CSS文件的方法如下1：打开DW软件后，首先建立站点，设置站点名称和站点所在文件夹的路径（最好不要命名站点和文件夹）该网站是中文的，因为它可能会导致乱码！）。2：在site文件夹下新建一个css文件夹，然后在css文件夹下新建一个css文件（记住：css文件扩展名必须是.css，默认是html）。
3：在站点下新建一个索引文件（后缀为.html），打开文件index.html，导入/title后面或前面的css文件：这是html文件中的注释：!--newcss如何将主页的索引与文件后面的css文件链接起来？--linkhref=css/layout.cssrel=stylesheettype=text/css/然后，使用Ctrl+S热键保存，可以看到索引链接到了css文件！4：可以在[编辑]菜单下的[首选项]下设置字体来创建CSS文件。
link在html中链接css？
如何将CSS导入HTML？1.使用链接标签导入
使用链接标签导入外部样式表文件：
linkhref='Jumin001.css'rel='styleSheet'type="text/css"/
各属性说明：
href属性设置外部样式表文件的地址，可以是相对地址，也可以是绝对地址。
rel属性定义了相关文档，这里表示相关文档是样式表。
type属性定义了导入文件的类型，与style元素一样，text/css表示CSS文本文件。
一般来说，定义链接标签时，必须定义三个基本属性，其中href是必设属性。
还可以在link元素中添加title属性来设置替代样式表的，即当Web文档导入多个样式表时，可以选择应用哪个样式表文件。
可以通过title属性值来选择。
外部样式是CSS应用程序的最佳解决方案。
一个样式表文件可以被多个网页文件引用，一个网页文件可以同时导入多个样式表。
方法是重复使用不同样式的链接元素来导入表格文件。
2.使用@import关键字导入
在style标签中使用@import关键字导入外部样式表文件：
styletype="text/css"
@importurl("001.css");
/style
在@import关键字之后，使用url()函数包含特定外部样式表文件的地址。
比较
两种导入样式表的方式对比：
Link是HTML标签，而@import是CSS提供的。
当页面加载时，链接会同时加载，并会等到页面加载完毕后才加载@import引用的CSS。
Pannazhi
@import只能被IE5以上识别，而且链接是HTML标签，所以不存在兼容性问题。
链接样式的样式权重大于@import权重。
一般建议使用链接导入样式表，@import可以作为补充方法。
如何在dw中链接html和css1.首先在软件中创建一个站点，并在站点中新建一个CSS文件夹和一个html文档。
（要了解如何创建网站，您可以点击下面引用您的经验）
2.点击右上角的【CSS设计器】，点击下方的【+号】，然后选择【创建新的CSS文件】。
3.在创建窗口中，单击[浏览]按钮。
4.然后选择站点中创建的文件夹并将其命名为JiaoqinCSS，然后输入您要创建的CSS的名称（必须是英文），然后单击【保存】。
5.然后设置添加到[链接]并单击[确定]按钮。
6.添加完成后，您可以在右侧站点的CSS文件夹下看到新创建的CSS样式表文件。
7.在左侧的[head]标签中，有一行附加代码链接到CSS文件。
链接的样式表也可以在顶部选项卡标签中看到。
8.接下来写一个简单的网页，看看CSS样式表是否链接成功。
HTML网页编辑打开页面，在[body]标签中输入一个div。
如下图：
9.然后在顶部tab标签中选择刚刚创建的CSS样式表，在样式表中写入样式，命名为【aaa】，保存样式表【快捷键Ctrl+S】。
10.然后返回HTML编辑页面，在div标签中引入类，输入刚才写的样式名称【aaa】并保存网页【快捷键Ctrl+S】。
11.单击顶部的“设计”按钮可查看实时效果。
12.也可以按快捷键郑三两F12直接从浏览器打开查看实际效果。
这证明我们的CSS链接到HTML是没有问题的。
1.新建html文件，首先打开DreamweaverCC2018软件，点击右上角的CSS设计器，点击底部的加号，然后选择创建新的css文件：
2.在创建窗口中，单击“浏览”按钮。
3.然后选择站点创建CSS文件夹，然后输入创建的CSS名称并点击保存插件文件：
4作为链接点击确定按钮：
5添加完成后，可以在站点右侧的CSS文件夹下看到新创建的CSS样式表文件错误：
6.此时，在HTML文件的head标签中，多了一行链接到CSS文本文件的代码。
您还可以在顶部选项卡标签中看到链接的样式表：
7。
接下来，在html网页编辑页面，在body标签中输入一个div：
8。
然后在顶部tab标签中选择刚刚创建的CSS样式表，在样式表中写入一个样式，命名为aaa，然后按快捷键Ctrl+S保存样式表：
9最后返回HTML编辑巧禅页面，在div标签中引入类，输入刚刚编写的样式名称并保存。
网页：
10、最后点击顶部的设计按钮即可看到实时效果，CSS文件已链接成功。
连接：
1.当我们不引入外部CSS样式表时，通常我们会将样式写在html中，而谢彦辉有两种方式让我们通用，第一种：
head
metahttp-equiv='Content-Type'content="text/html;charset=utf-8"/
titletime元素/
/head
body
divstyle='height:300px;width:500px;background:#999;"/div
/body
2.另一种写法：
head
metahttp-equiv='Content-Type'content``text/html;charset=utf-8''/
时间元素/
样式
.all
高度:300px;
宽度:500px;
背景：#999;}
/风格
/头
正文
4.将其存储在CSS文件夹中
5.在HTML文件中写入链接代码，代码如下：
linkrel='styleSheet'type='text/css'href='css/index.css'/
6个HTML文件之后我们可以在源代码中看到连接的CSS文件，说明连接成功。
如何将HTML链接到CSS
以下是四种加载CSS样式
外部样式（外圆冲磨）样式））
内部样式（嵌入）
内联样式
样式导入
如果CSS是外部文件，可以这样做Link
href='style.htmlcss'
rel='stylesheet'
type='text/css'
/
href='style.css'你可以在这里写下你的CSS文件的路径
这个表单会将CSS转换成CSS文件要单独写，然后通过link链接里面的源代码。
它的优点不仅在于该页面可以被调用，但其他页面也可以被调用。
如果是内部样式，也可以写在head/head中
Style
type="text/css"
h2
{
color:#f00;}
/style
它是样式化的，以/style结尾，即写在源代码的main标签内。
此类样式表仅对该页面有效。
这不能应用于其他页面。
您还可以直接在html标签上编写CSS样式
p
style='font-size:18px;'inner-style/p
这种类型的样式标记在p>标记内，是内联样式。
内联样式只对标签内的元素有效，因为它与没有分离，所以不建议使用。
@import
url('public.css');
导入的样式链接到@import
url标签外部样式表，通常在另一个样式表内部使用。
如果首页使用的样式是Index.css，我们可以将全局需要的公共样式放入public.css文件中，然后在Index.css中使用@import
url即可。
/public.css")添加全局样式，使代码具有高度可重用性。
