CSS学习之旅｜青训营笔记这是我参与「第四届青训营」笔记创作活动的第1天，对课程框架知识有一个基本认识。为了让 H

这是我参与「第四届青训营」笔记创作活动的第1天，对课程框架知识有一个基本认识。

为了让 HTML 文档能够遵守我们给它的 CSS 规则，为了把 styles.css 和 index.html 连接起来，需要在 HTML 文档中，<head> 语句模块里面加上下面的代码：

<link rel="stylesheet" href="styles.css">

在link语句块里用属性 rel，让浏览器知道有 CSS 文档存在（所以需要遵守 CSS 样式的规定），并利用属性 href 指定，找到 CSS 文件的位置。

样式化 HTML 元素

要样式化一个文档中所有的段落，需要使用选择器 p，用逗号将不同选择器隔开，即可一次使用多个选择器，如p, li {}

无序列表 <ul> 有序列表 <ol> 定义列表 <dl>

HTML 元素加个类名（class）

<ul>
  <li>项目一</li>
  <li class="special">项目二</li>
  <li>项目 <em>三</em></li>
</ul>

special 类，需要在选择器的开头加个西文句点（.）

.special {
 color: orange;
 font-weight: bold;
}

special 类型可不局限于列表，它可以应用到各种元素上。

li.special,
span.special {
  color: orange;
  font-weight: bold;
}

在我们的文档中有两个 <em>元素一个在段落内，另一个在列表项内。仅选择嵌套在<li> 元素内的<em>我们可以使用一个称为包含选择符的选择器，它只是单纯地在两个选择器之间加上一个空格。

li em {
  color: rebeccapurple;
}