淘先锋技术网

首页 1 2 3 4 5 6 7

css如何加入html页面

CSS是网页设计中非常重要的一部分，可以通过CSS来为网页添加样式和布局。在网页制作过程中，我们需要将CSS加入HTML页面中来实现样式的设置。下面介绍几种方法：

一、内嵌式CSS。

<!DOCTYPE html>
<html>
<head>
<title>内嵌式CSS</title>
<style>
/* 内嵌式CSS代码 */
h1 {
color: red;
}
</style>
</head>
<body>
<h1>这是一段文字</h1>
</body>
</html>

二、内部式CSS。

<!DOCTYPE html>
<html>
<head>
<title>内部式CSS</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>这是一段文字</h1>
</body>
</html>

三、外部式CSS。

<link rel="stylesheet" type="text/css" href="style.css">

以上三种方法我们常常使用，需要注意的是：

1、内嵌式CSS、内部式CSS、外部式CSS之间的优先级是不同的，内嵌式优先级最高，其次是内部式，再次是外部式。

2、使用内部式CSS需要在<head>标签中添加<link>或<style>标签，不要在body标签中添加CSS，会影响浏览器加载速度。

3、使用外部式CSS需要确保CSS文件路径正确，否则无法加载样式。