本文详细介绍了CSS的引入方式，包括行内样式、内部样式和外部样式，并重点讲解了选择器的用法，包括基础选择器（标签选择器、类选择器、ID选择器和通配符选择器）及其优先级，以及复合选择器（后代选择器、子选择器、并集选择器和伪类选择器），特别是伪类选择器中的链接伪类和focus伪类选择器的应用。
文章目录
一、引入方式
1. 行内样式/内联样式
直接把样式以style属性的方式，写到元素内部；
<p style="color:green">这是一个行内样式例子</p>
2. 内部样式
通过style标签将CSS代码嵌入到HTML内部;
这种方法不太常见，仅在初学时方便使用~
<style>
p {
color: blue;
font-size: 30px;
}
</style>
3. 外部样式
将CSS代码单独放到一个文件里xxx.css，在HTML中使用link标签将css文件引入;可以实现样式与页面的分离，是实际开发中最常用的引入方式；
<head>
<linkrel="stylesheet"type="text/css"href="xxx.css"/>
</head>
二、选择器
选择器功能：选中页面中指定的标签元素；先选中元素，才能设置元素的相关属性；
1. 基础选择器
1.1 标签选择器
标签选择器能够将同一类标签全部选择查出来，但不能差异化选择；
<style>
p{
color:red;
}
最低0.47元/天 解锁文章
扫一扫
253
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
