1、简述应用CSS样式的方法。求大神

html-css031

1、简述应用CSS样式的方法。求大神,第1张

第一种是内嵌式,这种方法是以前学习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

CSS样式的引用方式有三种:

一、行间样式表

行间样式表是指将CSS样式编码写在HTML标签中,格式如下

<h1 style="font-size:12pxcolor:#000FFF">

我的CSS样式。

</h1>

行间样式表由HTML元素的HTML元素的style支持,只需将CSS代码用分号隔开写在style=""之中。这是最基本的形式,但是它没有实现表现与内容分离且不能灵活的控制多个页面所以我们只是在调试CSS代码的时候使用。

二、内部样式表

内部样式表与行间样式表相似都是把CSS代码写在HTML页面中,稍微不同的是前者可以将样式表放在一个固定的位置,格式如下

<html>

<head>

<title>内部样式表</title>

<style type="text/css">

h1{font-size:12px

color:#000FFF

}

</style>

</head>

<body>

<h1>我的CSS样式。</h1>

</body>

</html>

内部样式表编码是初级的应用形式,不能达到跨页面使用所以不适合使用。

三、外部样式表

外部样式表是CSS应用中最好的一种形式,它将CSS样式代码单独放在一个外部文件中,再由网页进行调用。多个网页可以调用一个样式文件表,这样能够实现代码的最大限度的重用及网站文件的最优化配置,格式如下

<html>

<head>

<title>外部样式表</title>

<link rel="stylesheet" rev="stylesheet" href="style.css">

</head>

<body>

<h1>我的CSS样式。</h1>

</body>

</html>

在style.css中的代码为

h1{font-size:12px

color:#000FFF

}

我们在<head>中使用了<link>标签来调用外部样式表文件。将link指定为stylesheet方式,并使用了href="style.css"指明样式表文件的路径便可将该页面应用到在style.css中定义的样式。