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

(编辑:jimmy 日期: 2024/11/2 浏览:2)

现如今,网页制作以及建站成了人人需要掌握的技能,小编也从各方面得到需求说,以前有过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光标的落位总是不准怎么办?

一句话新闻

微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。