CSS学习日记2-选择器1-基本选择器-标签选择器

此时的你才是你

于 2020-08-03 11:30:23 发布

阅读量125

点赞数

分类专栏： CSS 学习日记文章标签： css

本文链接：https://blog.csdn.net/qq_24681419/article/details/107759049

版权

CSS 学习日记专栏收录该内容

12 篇文章 0 订阅

订阅专栏

一.CSS选择器是啥？
就是实现对HTML页面中的元素实现一对一，一对多或者多对一的控制。
一间房子的不同地点装修一定是不一样的，比如墙上要刮大白，玻璃上要贴窗花。选择器就是帮我们准确的找到我们想要修饰的元素。
二.各种选择器
（一）基本选择器
1.标签选择器
1）使用 * 可为所有元素设置样式。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS学习日记</title>
    <link rel="stylesheet" href="1.csss" type="text/css">
    <style>
        * {
            color: blue;
        }
    </style>   
</head>
<body>
    <h1>窗前明月光</h1>
    <h3>疑是地上霜</h3>
    <h2>举头望明月</h2>
    <h1>低头思故乡</h1>
</body>
</html>

. 在这里插入图片描述

2）根据指定标签来设置

    <style>

        h1 {
            color: blue;
        }

    </style>

在这里插入图片描述

可以多个标签放一起，公用一套样式用逗号表示并列。

    <style>
        h1,h3 {
            color: blue;
        }
    </style>

在这里插入图片描述

也可以多个样式共同作用一个标签。

    <style>

        h1,h3{
            color: blue;
        }
        h1,h2{
            background-color: red;
        }

    </style>

在这里插入图片描述

此时的你才是你

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS学习日记2-选择器1-基本选择器-标签选择器

一.CSS选择器是啥？就是实现对HTML页面中的元素实现一对一，一对多或者多对一的控制。一间房子的不同地点装修一定是不一样的，比如墙上要刮大白，玻璃上要贴窗花。选择器就是帮我们准确的找到我们想要修饰的元素。二.各种选择器（一）基本选择器1.标签选择器1）使用 * 可为所有元素设置样式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&g
复制链接

扫一扫