精通CSS+DIV:1，CSS初体验-优快云博客

本文介绍了CSS的四种使用方式：行内式、链接式、内嵌式和导入式，并详细解释了它们之间的优先级顺序。此外，还提到了CSS注释的用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本人忘性大，每读一书必做笔记，便于日后查阅。
《精通CSS+DIV》做CSS入门，不错。

一、CSS的四种使用方式

1，行内式
[code]
<p style="color:#FF0000; font-size:20px; text-decoration:underline;">Content</p>
[/code]

2，链接式
[code]
<head>
<link href="1.css" type="text/css" rel="stylesheet">
</head>
[/code]

3，内嵌式
[code]
<head>
<style type="text/css">

</style>
</head>
[/code]
其中这里使用HTML注释来针对老式的不支持CSS的浏览器兼容，以免将CSS样式直接打印到HTML页面中

4，导入式
[code]
<head>
<style type="text/css">
@import url(1.css);
@import url('1.css');
@import url("1.css");
@import 1.css;
@import '1.css';
@import "1.css";
</style>
</head>
[/code]

这四种CSS使用方式在页面显示的优先顺序是1，行内式 > 2，链接式 > 3，内嵌式 > 4，导入式

二、CSS注释
[code]
/* */
[/code]