Dreamweaver：[53]css样式如何应用到网页中去

时间：2024-10-19 21:40:36

前面，介绍了大量的css样式使用方法，但css样式如何具体应用到网页中去呢？一共有三种方法，一起学习吧！

工具/原料

Dreamweaver

方法/步骤

1、第一种是内嵌式，这种方法是以前学习css样式常用到的，也就是把css样式代码写入到<丝群闻栝head>头部信息蒗钰妒蟥中去。比如给网页设置背景颜色之后就会在<head>头部信息中加入一个代码，<head>中多了一body的样式。

2、第二种行内样式，也就是直接在html样式中输入css样式，比如在标题1也就是<h1>中直接输入style之后可以选择样式属性值。

3、要是再设置，就要输入；空一格，在选择其他的样式属性值。但是这种方法不建议使用。

4、第三种连接式，这种方法时目前最常使用的，可以直接为多个网页页面直接使用。

5、点击新建css规则，在弹出的新建css规则对话框中选择需要的选择器和名称，在规则定义中选择新建样式表文件，点击确定。

6、在弹出的对话框中选择css样式文件命名，并选择要放置的文件夹。

7、然后在编辑css样式属性，在代码中就多了一个连接css文件的代码，在窗口上面多踮碚牢邗了一个scc样式文件，要是把这个css样式文件要用到其他的网页中，只要把css的连接代码复制到其靓脘堤窳他的网页中去，其他的网页也就能适用这个css样式文件设置的属性，我们可以把整个网站的网页的全部属性放置在这个css样式文件中去。以后在更改网站风格的时候，只要更改这个css样式文件即可。