我是站长网-站长教程基地

我是站长源码站

当前位置: 首页 > 设计教程 > CSS教程 >

1.3 CSS在HTML中的引用方式

时间:2019-10-27 11:12来源:未知 作者:来自网络 点击:
在HTML中引入CSS共有3种方式: (1)外部样式表; (2)内部样式表; (3)内联样式表; 下面我们详细为大家介绍这3种CSS引入方式。 一、CSS的3种引用方式 1、外部样式表 外部样式表是

在HTML中引入CSS共有3种方式:

  • (1)外部样式表;
  • (2)内部样式表;
  • (3)内联样式表;

下面我们详细为大家介绍这3种CSS引入方式。

一、CSS的3种引用方式

1、外部样式表

外部样式表是最理想的CSS引用方式,在实际开发当中,为了提升网站的性能和维护性,一般都是使用外部样式表。所谓的“外部样式表”,就是把CSS代码和HTML代码都单独放在不同文件中,然后在HTML文档中使用link标签来引用CSS样式表。

当样式需要被应用到多个页面时,外部样式表是最理想的选择。使用样式表,你就可以通过更改一个CSS文件来改变整个网站的外观。

外部样式表在单独文件中定义,并且在<head></head>标签对中使用link标签来引用。

举例:

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <!--在HTML页面中引用文件名为index的css文件-->
    <link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div></div>
</body>
</html>
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片