CSS-Day1

月亮今晚停电

已于 2024-03-24 19:58:03 修改

阅读量939

点赞数 13

文章标签：前端 css javascript

于 2024-03-24 19:57:33 首次发布

本文链接：https://blog.csdn.net/weixin_74142043/article/details/136993488

版权

1.font-family属性:定义文本的字体系列

2.font-size属性:定义文本的字体大小

3.front-weight属性:定义字体的粗细

4.front-style属性:定义文本的风格

3.text-decoration 属性规定添加到文本的修饰

4.text-indent 属性用来指定文本的第一行的缩进，通常是将段落的首行缩进。

5.line-height 属性用于设置行间的距离（行高）。可以控制文字行与行之间的距离.

一.基础选择器

1.标签选择器

语法格式

标签名{
        属性1: 属性值1;
        属性2: 属性值2;
        属性3: 属性值3;
          ...
       }

2.类选择器

类选择器语法格式

记忆口诀： 样式点定义，结构类调用。一个或多个，开发最常用。

    .nav{
        属性1: 属性值1;
        属性2: 属性值2;
        属性3: 属性值3;
          ...
       }
    .red {
         background-color: red;
     }
    /*调用*/
    <div class="red">变红色</div>

2.类选择器-多类名

<style>
        .box {
            width: 100px;
            height: 100px;
        }

        .red {
            background-color: red;
        }
</style>
<body>
    <div class="box red"></div>

3.id选择器

语法格式

注意：id 属性只能在每个 HTML 文档中出现一次。口诀: 样式#定义,结构id调用, 只能调用一次, 别人切勿使用.

<style>
       #pink {
            background-color: pink;
        }
</style>
<body>
    <div id="pink"></div>

PS: id 选择器和类选择器的区别

(1)id选择器只能使用一次，类选择器可以使用多次

(2) 类选择器（class）好比人的名字，一个人可以有多个名字，同时一个名字也可以被多个人使用。

id 选择器好比人的身份证号码，全中国是唯一的，不得重复。

(3) 类选择器在修改样式中用的最多，id 选择器一般用于页面唯一性的元素上，经常和 JavaScript 搭配使用。