网页中通过设置css，可以统一的控制HTML中各标签的显示属性，精准的定位网页元素的位置。
目录
一、css应用
css是叠层样式表又称风格样式表，是用来进行网页风格设计的。网页中通过设置css，可以统一的控制HTML中各标签的显示属性，精准的定位网页元素的位置。
二、style标签
位于<head>标签中
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>style标签</title>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>今天天气不错！！！</p>
</body>示例图：
三、引入css样式的方法
1.行内样式
<h3 style="color: seagreen;">行内样式</h3>2.内部样式
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>style标签</title>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>今天天气不错！！！</p>
</body>
3.外部样式
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>style标签</title>
<link rel="stylesheet" href="aaa.css" />
<style>
@import url(aaa.css);
</style>
</head>
<body>
<h2>外部样式的链接式引入</h2>
<h4>外部样式的导入式引入</h4>
</body>h2 {
color: blue;
}
h4 {
color: yellow;
}
三种方法可以叠加，优先级为：行内>内部>外部（就近原则）
示例图：
四、css基本选择器
1.标签选择器（权重最低 1 ）
2.类选择器（权重第二 10 ）
3.ID选择器（权重最高 100 ）
<head>
<style>
p {
color: red;
}
.green{
color: green;
}
#blue{
color: blue;
}
</style>
</head>
<body>
<p>标签选择器</p>
<p class="green">类选择器</p>
<p id="blue">ID选择器</p>
</body>权重可以叠加，例如：<h1>里的<a>标签权重为2
最低0.47元/天 解锁文章
650
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
