这是我参与「第四届青训营 」笔记创作活动的第十二天

CSS基础知识总结(二)

本 章 着 重 复 习 css 的 基 础 内 容 ， 学 习 css 究 竟 要 学 些 什 么 呢 ？ 主 要 是 学 习 搭 建 网 页 的 “ 美化 ” 。

我们本篇介绍一下：CSS 样式特性 和 CSS 基础选择器！！！

一、CSS样式特性

1.继承性

绝大多数的css样式，都可以被继承！

一般来说，子元素都会继承父元素的样式！

特例： a 标签不会继承，父类元素的字体颜色。

2.优先级

(1)内联样式 是 优先级最高的。

(2)而内部样式，外部样式 >> 依靠"就近原则"

即内部样式，和 外部样式，他们两个的优先级是一样的，都比内联样式 低，处于"中"的水平。

• 两种样式之间的对比：

  看HTML标签，离样式的距离，谁离的最近，就选择谁的样式！

3.调整优先级

设置最高优先级 !important，比内联样式的优先级还高。内联样式不允许设置!important。

!important需要写在某一个值与分号之间，!important与值之间有空格

font-size: 12px !important;

我们在这里，设置了字体大小的样式，为：12px。

此处的样式是优先级最高的，所以不会受到，来自父元素样式继承的影响！

二、CSS基础选择器

1.选择器的作用

css 选择器，规范了页面中哪些元素能够使用指定的样式！

符合这个条件的元素都可以使用这个样式

找 到 指 定 的 HTML 页 面 元 素 ， 选 择 标 签 。

2.标签选择器

(1)概论：

标 签 选 择 器 （ 元 素 选 择 器 ） 是 指 用 H T M L 标 签 名 称 作 为 选 择 器 ， 按 标 签 名 称 分 类 ， 为 页 面 中 某 一 类 标 签 指 定 统 一 的 CSS 样 式 。

<style>
     p {color: red}    div { color: green; }
</style>

我们实现的效果： 把所有的段落标签 p 都改成了文字颜色为红色。把 div 标签的 文本颜色 改为 绿色！

(2)作 用 ：

根据标签名来把 页面中 指定的标 签 ，全 部 选 择 出 来 。

(3)优 点 ：

快 速 为 网 页 中 同一个类型 的 标 签 统 一 样 式

(4)缺 点 ：

不能进行不同的 差异化的 样式设计 。效率非常低，不建议使用！