dreamweaver怎么附加css样式表

html-css027

dreamweaver怎么附加css样式表,第1张

个人习惯,直接写代码,引入css。

1

2

3

4

5

6

7

8

9

10

11

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>引入css</title>

<link type="text/css" rel="stylesheet" href="./css/iconfont.css" />

</head>

<body>

</body>

</html>

还有种写法

1

2

3

<style type="text/css">

@import url("./css/iconfont.css")

</style>

附加样式表:

  点击“附加样式表”按钮,弹出一个链接外部样式表的对话框,如图,“文件/URL”可以直接填入CSS样式表文件的路径和名称,也可以点击“浏览”选择文件。

 “添加为”是选择链接样式表的两种方式,一种是直接链接,一种是导入,由于有些浏览器对导入的样式表无法解析,所以一般情况下选择链接方式。

 “媒体”指的是此CSS样式表针对的网页查看器类型,我们这里选择“所有”。