1. 内嵌式
<head>
<style type="text/css">
p {
color: red;
font-size: 16px;
}
</style>
</head>
<body>
<p>这是一段红色的文字</p>
</body>内嵌式CSS指的是将样式直接嵌入到网页的<head>标签中，可以用来定义一些特定元素的样式，会覆盖全局样式表的样式。
2. 外部式
<head> <link rel="stylesheet" href="style.css"> </head> <body> <p>这是一段样式从外部加载的文字</p> </body>
外部式CSS则是将样式定义在外部文件中，通过<link>标签引入到网页中，一个网站可以有多个外部样式表，这种方式便于维护和管理，可以节省网页的加载时间。
3. 内联式
<p>这是内联样式的文字</p>
内联式CSS是将样式写在标签的style属性中，会覆盖所有的外部样式表和全局样式表，一般不推荐使用，因为不利于全局样式的统一管理。
以上就是CSS的三种使用情境，根据实际需求与网页设计，可以选择不同的方式应用CSS。