• 【CSS】基础选择器,包括标签选择器、类选择器、id选择器和通配符选择器...


    大家好,我是翼同学!

    1️⃣前言

    今天的笔记是:

    • CSS概述基础选择器包括标签选择器、类选择器、id选择器和通配符选择器

    2️⃣概述

    🌱什么是CSS?

    • CSSCascading Style Sheets)指的是层叠样式表,是一种描述HTML文档样式的语言。也就是说CSS用于定义网页的样式,包括针对不同设备和屏幕尺寸的设计和布局。

    CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

    CSS的特点如下所示:

    🌳CSS语法规范

    CSS样式规则由两部分组成:

    • 选择器
    • 一条或多条声明

    举个例子:

    • 选择器就是选择某个标签,后跟一对花括号,里面设置着具体样式;
    • 每一条声明都是由属性和属性值构成(值键对形式),属性和属性值之间用:分开;
    • 属性是对指定对象设置的样式属性(例如字体颜色或大小等);多个样式之间用分号;隔开;

    🌻CSS引入方式

    CSS的三种引入方式:

    • 行内CSS

    行内样式表又称内联样式表。我们知道,HTML标签有一个style属性。行内CSS就是在HTML元素标签内部的style属性中设置样式,这种方式适用于设置简单样式。

    举个例子:

    <p style="color:red; text-align:center;">段落p>
    
    • 1

    总结的说,行内CSS可以为单个元素设置唯一的样式,方法是将style属性添加到元素属性中(style属性可以包含任何CSS属性)

    • 内部CSS

    内部样式表又称嵌入式样式,就是将CSS样式单独拿出来放在