CSS教程

CSS选择器及其样式

本文主要是介绍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>

 三、id选择器

id选择器在上文,注意!id选择器只能对应一个,不能设置为组的形势

id选择器>class选择器>标签选择器

 

 

 

 

这篇关于CSS选择器及其样式的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!