Dreamweaver网页制作初级教程:样式表的关联

 时间:2024-10-11 19:39:29

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

Dreamweaver网页制作初级教程:样式表的关联

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

Dreamweaver网页制作初级教程:样式表的关联

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

Dreamweaver网页制作初级教程:样式表的关联

4、而后输入一般性代码:<link href="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、这就是样式表约束的链接方法,你学会了吗?

  • Flash如何制作舞台灯光动画
  • Animate/Flash如何实现动态椭圆半径(AS3)
  • Animate轮播图怎么设置
  • Dreamweaver2021如何开启显示开始屏幕
  • Dreamweaver cs5怎么删除链接
  • 热门搜索
    科技手抄报内容大全 我读书我快乐手抄报内容 党史国史手抄报 关于过年的手抄报 祖国建设新成就手抄报 欢度春节手抄报 抗美援朝手抄报内容 绿色环保手抄报图片 儿童心理健康手抄报 楹联手抄报