Dreamweaver(DW)怎么用代码链接外部样式表

Dreamweaver简称DW, 那么,我们想在外部写一个dw的外部样式,可是不知道怎么链接怎么办呢,下面就跟着我来做一下。

操作方法

  • 01

    首先,打开你的站点,并且建立好了html的网页,然后点击文件----新建

  • 02

    选择新建css

  • 03

    然后在弹出的对话框里选择你要把css放进去的文件夹

  • 04

    这里我就选择了css文件夹,并且把名字改成了main,以便以后好辨认。

  • 05

    新建好了,然后不用管,先点击到你的网页

  • 06

    然后在<title>下<head>中输入这个代码 <link href="css/main.css" type="text/css" rel="stylesheet" />

  • 07

    然后保存一下,可以看见,我们的页面上面多了一个css样式的页面,这样就表示成功了。刚刚新建的样式表就可以直接删除了。

  • 08

    然后就直接可以点击你链接的css样式表,在里面编写你想要的样式了。

(0)

相关推荐

  • Dreamweaver如何快速整理代码

    有时候开发者用dreamweaver编写代码,偶尔会发现写的代码参差不齐,那么Dreamweaver如何快速整理代码呢?来看看小编的介绍吧. 操作方法 01 小编为了演示,这里新建一个html文档. ...

  • dreamweaver怎么给图片加链接 如何给图片加链接

    dreamweaver怎么给图片加链接 ,dreamweaver如何给图片加链接.对于新手来说,给图片加链接也是一件挺不容易的事,下面我来说下dreamweaver怎么给图片加链接 ,dreamwea ...

  • DW怎么更改代码区背景颜色

    很多喜欢用dw的朋友对于白色的代码区背景很是厌烦了,想换换其他颜色或者为了眼镜选择一款保护色,那么怎么更换代码区的背景颜色呢,下面用一些简短的步骤说明一下,希望对大家以后用dw有所帮助吧. 操作方法 ...

  • DW怎样做热点链接

    在平常我们的店铺装修中,经常会遇到在一张图片上做产品链接,或者在一张海报上做产品的链接,在这个时候我们就需要用到DW来给我们做热点链接,方便我们的店铺装修. 操作方法 01 把我们在ps软件中做好的图 ...

  • Dreamweaver怎么给图片加链接

    在学习网站建设的时,常需要给图片添加链接,下面就是给图片添加链接的汇总 操作方法 01 首先我们打开DW新建一个HTML,并且将新建的HTML页面保存在电脑上,文件名称一定要是英文. 02 接着在bo ...

  • Dreamweaver 怎么设置锚点链接

    Dreamweaver是常用的网页设计软件,其中可以设置锚点链接,点击时可直接达到指定的网页位置,那么怎么做呢,详看下文. 操作方法 01 如图,本文以点击宝贝图片,便跳转到图片的位置为例. 02 首 ...

  • Dreamweaver如何格式化html代码

    我们在使用Dreamweaver进行网页制作时,通过编辑其设置中的代码格式,可以一键实现代码格式化,从而让代码格式统一,提高代码可读性. 操作方法 01 用Dreamweaver打开现有html文档时 ...

  • DW如何加热点链接

    这里介绍如何用网页制作工具 ,给自己的网页加上热点链接 操作方法 01 首先打开DW,新建HTML 02 菜单-插入-图像,选择需要加链接的图片 03 然后找到属性下方的热点选框,根据图片热点区域形状 ...

  • dreamweaver怎样创建一个电子邮件链接

    在网页中创建一个电子邮件链接,单击电子邮件链接时,该链接将打开一个新的空白信息窗口,使用的是与用户浏览器相关联的邮件程序.在电子邮件消息窗口中, " 收件人" 框自动更新为显示电子 ...