CSS三种使用
方法优先级
在Web开发中，样式设置起着重要的作用。 CSS（Cascading Style Sheets）是一种用来为网页
添加样式的语言。 CSS不仅可以控制网页的布局和颜色，还可以控制字体、边框、背景等方面。在CSS中，有三种使用
方法：内联样式、内部样式和外部样式。
1. 内联样式
内联样式是指将CSS样式直接嵌入HTML
标签中。它的优先级最高，它的样式将覆盖其他所有样式设置。使用内联样式需要在HTML
标签中使用style
属性。
例如，如果要
修改一个段落的颜色，可以这样做：
<p style="color:red">这是一个红色的段落</p>
2. 内部样式
内部样式是指将CSS样式嵌入在HTML文档的头部，使用style
标签来定义样式。它的优先级次于内联样式。内部样式的语法如下：
<head>
<style>
选择器{
属性: 值;
}
</style>
</head>
例如，如果要设置
一个段落的颜色，可以这样做：
<head>
<style>
p{
color: blue;
}
</style>
</head>
<body>
<p>这是一个蓝色的段落</p>
</body>
3. 外部样式
外部样式是指将CSS样式嵌入到单独的CSS
文件中。与内部样式相比，外部样式的优先级最低。我们通过link
标签将CSS
文件引入HTML文档中。外部样式的语法如下：
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
例如，样式表style.css中，我们可以这样设置段落的颜色：
p{
color: green;
}
则这个样式表中所有的段落都会
显示成绿色。
在CSS中，如果多个样式对同
一个元素进行了设置，那么就会按照优先级进行覆盖。优先级从高到低为：内联样式、ID选择器、类选择器、
标签选择器、
通配符、继承样式。当样式的优先级相同时，后面的样式将覆盖之前的样式。
总的来说，使用内联样式可能会使
代码显得比较混乱，而内部样式和外部样式则能更好地对样式进行管理。在编写CSS样式时，需要注意样式的优先级，以便让样式能够正确地
显示在网页中。这样，就能够为
用户呈现出更美观、更易于使用的网页了。
