CSS选择器及其样式

2022-07-30 20:02:13 阅读：102 来源： 互联网

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选择器>标签选择器

标签：样式,标签,id,color,css,选择器,CSS
来源： https://www.cnblogs.com/20kkk/p/16535692.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9