手机
当前位置:查字典教程网 >网页设计 >Dreamweaver教程 >Dreamweaver怎么给网页添加样式表的关联?
Dreamweaver怎么给网页添加样式表的关联?
摘要:现如今,网页制作以及建站成了人人需要掌握的技能,小编也从各方面得到需求说,以前有过PS的入门教程,现在能不能做一个DW的入门教程。那么从今天...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【Dreamweaver怎么给网页添加样式表的关联?】相关文章:

Dreamweaver删除站点方法

Dreamweaver创建网页的基本方法

Dreamweaver如何进行网页设计

Dreamweaver页面插入音乐

Dreamweaver8新功能之建立XSLT页可视化操做

Dreamweaver动态网页是什么

Dreamweaver如何正确使用嵌入式框架

Dreamweaver动态网页实例:验证用户注册

Dreamweaver中层及其应用

Dreamweaver怎么给网页添加Flash影片?

精品推荐
分类导航