css知识点总结（级联样式表）

css知识点总结（级联样式表）

1、语法

一条CSS样式规则由两个主要的部分构成：选择器，以{}包裹的一条或多条声明:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OBDgAP55-1615905582398)(http://10.1.74.238/web/brief-css/img/86e63894cd2a6e2f.jpg)]

2、选择器

a. id选择器

<!--选择器前要加#-->
#sky{
  color: blue;
}
<p id="sky">蓝色的天空</p>

元素的id值必须唯一，所以，id 选择器适用范围只有一个元素。

b. class选择器

<p class="sky">我是红色的</p>
<p class="sky">我也可以是红的</p>

元素的class值可以多个，也可以重复。因此，实际应用中，class 选择器应用非常普遍。

3、css生效

1）外部样式表

新建如下内容的一个 HTML文件（后缀为.html)，在同一目录新建一个样式表文件mycss.css（注意后缀名为css），在html中的head中加上对应的css

2ÿ