CSS学习笔记-基本选择器

最新推荐文章于 2024-06-01 14:57:43 发布

少写代码少看论文多多睡觉

最新推荐文章于 2024-06-01 14:57:43 发布

阅读量105

点赞数

分类专栏： # CSS 文章标签： css css3 html

本文链接：https://blog.csdn.net/qq_44653420/article/details/121721392

版权

CSS 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

CSS学习笔记-基本选择器

选择器

利用选择器对不同的标签进行样式控制,head标签中添加style标签

选择器的定义
一个HTML文件中会存在很多个元素，如果想对不同的元素添加不同的样式，就需要使用到选择器！说白了，选择器就是用来选择指定的元素的！

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本选择器</title>
    <style>
      /*选择器用来选择指定的元素 进而控制样式*/


      /*元素选择器*/
      div{
        color:red;


      }

      /*类选择器*/
      .cls{
        color:blue;


      }

	/*id选择器*/
      #d1{
        color:green;

      }

      #d2{
        color:pink;

      }

    </style>


</head>
<body>
    <div>div1</div>
    <div class = "cls">div2</div>
    <div class = "cls">div3</div>
    <div id = "d1">div4</div>
    <div id = "d2">div5</div>
</body>
</html>

少写代码少看论文多多睡觉

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS学习笔记-基本选择器

CSS学习笔记-基本选择器选择器利用选择器对不同的标签进行样式控制,head标签中添加style标签选择器的定义一个HTML文件中会存在很多个元素，如果想对不同的元素添加不同的样式，就需要使用到选择器！说白了，选择器就是用来选择指定的元素的！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>基本选择器</title>
复制链接

扫一扫