二、css语法

style标签

css中的注释

/*这是注释*/

css的基本语法：

选择器 声明块

选择器，通过选择器可以选中页面中的指定元素，比如 p 的作用就是选中页面中的所有的p元素

​ 声明块，通过声明块来指定要为元素设置的样式，声明块由一个个声明组成

​ 声明是一个名值对结构

​ 一个样式名对应一个样式值，名和值之间以：连接， 以；结尾

一、常用选择器

元素选择器

​ 作用：根据标签名来选中指定的元素

​ 语法： 标签名{ }

​ 例子 ：p{ } 、 h1{ } 、 div{ } 、

1、id选择器

​ 根据id属性值来选中元素

​ 语法：#id属性值{ }

​ 例子:#box{} 、 #red{}

class是一个标签的属性，和id类似，但是class可以出重复使用，可以通过class属性来为元素进行分组

2、类选择器

作用：根据元素的class属性值 选中一组元素

语法：.class属性值{}

可以同时为一个元素指定多个class属性

3、通配选择器

作用：选中页面中的所有元素

语法: *

二、复合选择器

1、交集选择器

作用：选中同时符合多个条件的元素

语法：选择器1选择器2选择器3选择器n{}

注意：交集选择器中如果有元素选择器，必须使用元素选择器开头

2、选择器分组（并集选择器）

作用：同时选多个选择器对应的元素

语法：选择器1，选择器2，选择器3，选择器n{} 其中的逗号相当于“或”

三、子元素选择器

作用：选中指定父元素的指定子元素

语法：父元素>子元素

​

注释：选择div的子元素span