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

所属分类: 网页制作 / Dreamweaver 阅读数: 1045
收藏 0 赞 0 分享

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

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

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

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

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

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

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

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

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

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

相关推荐:

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

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

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

更多精彩内容其他人还在看

Dreamweaver临时文件工作原理介绍

Dreamweaver使用临时文件将一些未经保存的数据传输至其它应用程序中,一般这些临时文件的作用是应用程序的临时工作空间,或者用于自动存储等功能,下面为大家介绍下临时文件是如何工作的,感兴趣的朋友可以参考下哈
收藏 0 赞 0 分享

如何在Dreamweaver cs6 中设置默认文档格式为html5

怎么设置Dreamweaver cs6 中默认文档格式为html5,很简单,在编辑->首选参数中便可设置,如截图,有需求的朋友可以参考下,希望对大家有所帮助
收藏 0 赞 0 分享

DreamWeaver操作技巧大全(16条技能)

DreamWeaver是著名的网站开发工具,本文整理了一些其相关操作技巧,对于大家的学习会有所帮助,从事网页爱好者的朋友可以学习下,希望对大家有所帮助
收藏 0 赞 0 分享

dreamweaver怎么制作网页折叠菜单效果通过层的显示和隐藏来实现

折叠式菜单实际上是通过层的显示和隐藏,来达到这种效果的,Follow Me!先打开DreamWeaver(DreamWeaver对层的支持很好的,也是做网页的必备工具,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

在Dreamweaver制作可拖动表格效果

在Dreamweaver中,给表格增加css定位,表格就变得象“层”一样可拖动
收藏 0 赞 0 分享

Dreamweaver中制作细边的表格的技巧

Dreamweaver中经常需要制作细边的表格,下面给大家介绍一下方法
收藏 0 赞 0 分享

Dreamweaver中设计多彩文字链接的方法

默认的颜色可能大家会觉得不好看。那如何变成多彩的颜色呢。下面给大家介绍一下。
收藏 0 赞 0 分享

Dreamweaver中如何制作漂亮的导航条按钮

想做一个漂亮的导航按钮。不知道代码?下面给朋友们介绍一下
收藏 0 赞 0 分享

在Dreamweaver中实现网页状态栏中活动文字效果的方法

有时候找开网页的时候,看到浏览器的状态栏会有活动的文字,那如何实现这个效果呢。请看下面的介绍
收藏 0 赞 0 分享

把Javascript代码应用到网页中的方法

把Javascript代码放到网页中,做网页的时候经常要用到这个方法。请看下面的介绍
收藏 0 赞 0 分享
查看更多