css样式的三种方法及选择器
程序员文章站
2022-02-12 21:23:13
...
css样式三种方法
- 第一种：内联样式
<p style=" 属性：值；属性：值；... "></p>
- 第二种：外联样式
<link rel="stylesheet" href="url">
- 第三种：内部样式，选择器
<html>
<head>
<meta charset="UTF-8">
<title>css样式三种方法</title>
<link rel="stylesheet" href="K:/eidtplus/外联选择器.css">
<style type="text/css">
#pc,#p1,#hh5{
color:blue;
border:1px solid red;
}
.pp{
color:black;
}
p{
color:red;
}
[align="center"]{
color:pink;
}
</style>
</head>
<body>
<p id="pp" class="c">
id选择器：#pp{属性：值} [align="center"]{} .c{} p{}
</p>
</body>
</html>
（在同一个文件下）这三个选择器的优先级是：
标签选择器《class选择器《属性选择器《id选择器《内联样式