初入CSS_css 鈫╋笌-CSDN博客

本文链接：https://blog.csdn.net/qq_45238131/article/details/108598060

css是用来修饰HTML的常用工具

初学css

h1¹{
color²：red³;
}
1、选择器 ↩︎

2、属性 ↩︎

3、属性值 ↩︎

一、选择器

1、嵌套选择（空格）

body div a{
   color： red；
}

上面代表的是在body里的
所有div里的所有a标签颜色为红色
也就是说选择器里的空格用法为：
代表着空格左边（dody）内部所含的全部右边元素（div）
代表着空格左边（div）内部所含的全部右边元素（a）

2、同时选择（逗号）

h1,div a,p{
   color： red；
}

所有的h1，div里面的所有a，所有的p的颜色都被设置为了red；

3、类选择（class .）

<body>
    <div class="logo p1">a</div>
    <div class="logo p2">a</div>
    <div class="p2">a</div>
    <div class="logo p3">a</div>
</body>
<style>
.logo {
    color: red;
}
.p2{
    color:gray;
}
.logo.p3{
    color: hotpink;
}
</style>

效果图也可以和同时选择（，）一起使用

4、id选择（id #）

<body>
    <div id="logo">a</div>
    <div class="logo p2">a</div>
    <div class="p2">a</div>
    <div class="logo p3">a</div>
</body>
<style>
.logo {
    color: red;
}
.p2{
    color:gray;
}
.logo.p3{
    color: hotpink;
}
</style>