CSS选择器及其样式

2022/7/30 23:26:36

编程Tag： 选择器标签 css 样式 id color

本文主要是介绍CSS选择器及其样式，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

css优势（html）内容与表现（css）分离

一、行外样式

编辑

二、行内样式

<h1 style="color: red"></h1>

三、内部样式(注意要写在body的前面)

编辑

三种选择器

一、标签选择器

编辑

这种选择器会改变所有此类标签的格式

二、类选择器

这样写就能控制单一的标签格式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--注释-->
    <title>Document</title>
    <style>
       .ku{
            color:green;
        }
        .ku20{
            color: rgb(8, 125, 242);
        }
        #wow{
            color:brown;
        }
    </style>
</head>
<body>
<h1 class="ku">大标签</h1>
<h1 class="ku20">中标签</h1>
<p class="ku">这是段落</p>
<h1 id="wow">id选择器</h1>
<!--<link rel="stylesheet" href="css/style.css">-->
</body>
</html>