这篇博客详细介绍了CSS的基础知识，包括内联样式、内部样式表和外部引用三种样式添加方式，并强调了外部样式表在多页面应用中的优势。此外，还详细讲解了各种选择器的用法，如标签选择器、类选择器、ID选择器，以及后代选择器、子选择器等，帮助读者理解如何精确选取和应用CSS样式。
文章目录
样式
CSS 可以通过以下方式添加到HTML中:
内联样式- 在HTML元素中使用"style" 属性
内部样式表 -在HTML文档头部区域使用"style"元素
来包含CSS 外部引用 - 使用外部 CSS 文件
最好的方式是通过外部引用CSS文件.
内联样式
当特殊的样式需要应用到个别元素时，就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。
<h3 style="color: greenyellow">路飞</h3>
<h3 style="color: rgb(255, 47, 172)">索隆</h3>
<h3 style="color: rgb(255, 161, 47)">山治</h3>
内部样式表
当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过style标签定义内部样式表:
<head>
<style>
h3 {
color: red;}
</style>
</head>
<body>
<h3>路飞</h3>
</body>
外部引用
当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。
注意：外部文件必须是以css为后缀名的文件。
h3{
color: green;
}
<head>
<link rel="stylesheet" href="./3.1.css">
</head>
<body>
<h3>路飞</h3>
<h3>索隆</h3>
<h3>山治</h3>
</body>
选择器
CSS选择器的作用是从HTML页面中找出特定的某类元素，而常用的CSS选择器有如下几类。
标签选择器
标签选择器是指用HTML标记名称作为选择器，按标记名称分类，为页面中某一类标签指定统一的CSS样式。
<head>
<style>
h3 {
color: red;
font-size: 2em;
}
</style>
</head>
<body>
<h3>路飞</h3>
<h3>路飞</h3>
<h3>路飞</h3>
</body>
类选择器
类选择器使用**‘.’**(英文点号)进行标识，后面紧跟类名。
<head>
<style>
h3 {
color: red;
font-size: 2em;
}
.h3 {
font-size: 5em;
color: brown;
}
</style>
</head>
<body>
<h3>路飞</h3>
<h3>路飞</h3>
<h3 class="h3
最低0.47元/天 解锁文章
94
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
