站长资源网页制作

Dreamweaver怎么给网页添加样式表的关联?

整理:jimmy2024/12/23浏览2
简介现如今,网页制作以及建站成了人人需要掌握的技能,小编也从各方面得到需求说,以前有过PS的入门教程,现在能不能做一个DW的入门教程。那么从今天开始,小编将用一些时间,为大家带来DW的入门教程。只要能坚持,你也能成为大神。1、我们首先要做好基本的网站站点架构,文件夹以及子文件等全部建立完毕,那么我们怎

现如今,网页制作以及建站成了人人需要掌握的技能,小编也从各方面得到需求说,以前有过PS的入门教程,现在能不能做一个DW的入门教程。那么从今天开始,小编将用一些时间,为大家带来DW的入门教程。只要能坚持,你也能成为大神。

1、我们首先要做好基本的网站站点架构,文件夹以及子文件等全部建立完毕,那么我们怎样建立一个样式呢?首先在css根目录下建立一个页面,命名为main.css

Dreamweaver怎么给网页添加样式表的关联?

2、好,如果我们希望,我们的首页,也就是index收到css样式的约束,应该怎么办呢?首先双击index打开

Dreamweaver怎么给网页添加样式表的关联?

3、在title之后,我们输入代码:<link href=,然后浏览至我们建立的样式。

Dreamweaver怎么给网页添加样式表的关联?

4、而后输入一般性代码:<link href="css/main.css" _fcksavedurl=""css/main.css"" type="text/css" rel="stylesheet"/>

Dreamweaver怎么给网页添加样式表的关联?

5、这样其实就是做好了一个约束,也就是我们建立的首页index,会受到我们所建立css文件夹下的样式main.css的约束,这就是这个语句的效果。

Dreamweaver怎么给网页添加样式表的关联?

6、好,接下来我们验证效果,我们双击main.css,做一些基本的编辑操作。

Dreamweaver怎么给网页添加样式表的关联?

7、在css中,输入代码:*{background-color:#90C},也就是改变背景色为紫色,保存。

Dreamweaver怎么给网页添加样式表的关联?

8、然后回到index页面,观察。是的,背景色发生了改变。

Dreamweaver怎么给网页添加样式表的关联?

9、这就是样式表约束的链接方法,你学会了吗?

相关推荐:

dreamweaver怎么做一个简单的网页?

dreamweaver如何改变代码的字体大小?

Dreamweaver光标的落位总是不准怎么办?