本文详细介绍了层叠样式表(CSS)的三种使用方式：内联样式、内部样式及外部样式，并展示了每种方式的具体应用实例。内联样式直接在HTML元素的style属性中定义，仅适用于单一元素；内部样式在head部分的style标签内定义，可在当前页面重复使用；外部样式则通过link标签引入外部CSS文件，实现跨页面的样式复用。
层叠样式表(英文全称：Cascading Style Sheets)使用方式
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>样式的使用方式</title>
<!-- 2.内部样式：
在head的style子标签中写的css。
该css可以在当前页面复用。
-->
<style type="text/css">
/* css的注释是这样的 */
h2 {
color:blue;
}
</style>
<!-- 3.外部样式:
通过link标签引入的外部css文件。
任何页面都可以复用这些样式。
-->
<link rel="stylesheet" href="my.css">
</head>
<body>
<!-- 1.内联样式：
直接在元素的style属性里写css。
该css无法复用。
-->
<h1 style="color:red;">css的使用方式</h1>
<h2>css有3种用法</h2>
<p>1.内联样式</p>
<p>2.内部样式</p>
<p>3.外部样式</p>
</body>
</html>第三种外部样式引用的my.css文件内容：
p {
color:yellow;
}最终页面效果
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
