请详细说明HTML文件使用css样式的几种方法?

html-css017

请详细说明HTML文件使用css样式的几种方法?,第1张

1.

第一种方法是行内样式,就是直接把CSS代码添加到html的标签中,作为标签的一种属性存在。

2.

第二种方式是内嵌样式,就是将CSS代码添加到<head></head>之间,并用<style></sty...

3.

第三种方法是链接样式,就是将“页面内容”和“样式代码”分类成两个文件或多个文件,实现html代码和css代码的完全分离。

1、使用Dreamweaver等工具来新建

2、新建一个空白的记事本,后缀名修改为.css

3、引入,使用<link/>标签来应用你的CSS,具体用法如下

<link rel="stylesheet" type="text/css" href="你的CSS文件路径"/>

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

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

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

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

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

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

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

图文详情请看:http://jingyan.baidu.com/article/e75aca8559f402142fdac671.html