1200字范文 > CSS三种样式表及其使用（内部样式表行内样式表外部样式表）

CSS三种样式表及其使用（内部样式表行内样式表外部样式表）

时间：2021-07-04 08:35:38

1.内部样式表

内部样式表是将CSS代码写在HTML文档的head标签中，并且用style标签定义

<head>
<style type="text/css">
选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
</style>
<head>

（1）style标签一般位于head标签中title标签之后，也可以把他放在HTML文档的任何地方.

（2）type="text/CSS"在HTML中可以省略.

通过标签的style属性来设置元素的样式

<标签名 style = "属性1:属性值1;属性2:属性值2;属性3:属性值3;">内容</标签名>

（1）语法中style是标签的属性，任何标签都拥有style属性，用来设置行内式.

（2）属性和值书写规范与CSS样式规范相同，行内式只对其所在的标签及嵌套在其中的子标签起作用.

链入式是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中，通过link标签将外部样式表文件链接到HTML文档中

<head>
<link href="CSS文件的路径" rel="stylesheet" />
</head>

注意：link是单标签

link标签需要放在head头部标签中，并且必须指定link标签的三个属性

（1）href:定义所链接外部样式表文件的URL，可以是相对路径，也可以是绝对路径

（2）type:定义所链接文档的类型，在这里需要指定为"text/css"，表示链接的外部文件为CSS样式表。

（3）rel:定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”,表示被链接的文档是一个样式表文件。

使用HTML时，需要遵从一定的规范。CSS亦如此，要想熟练地使用CSS对网页进行修饰，首先需要了解CSS样式规则，具体格式如下：

1.选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。

2.属性和属性值以“键值对”的形式出现。

3.属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。

4.属性和属性值之间用英文“:”连接。

5.多个“键值对”之间用英文“;”进行区分。

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。