这是我参与「第五届青训营」伴学笔记创作活动的第3天，以下是我的课堂笔记。 本次课程主要分为两个大板块：
1.CSS是什么
2.选择器
3.格式文本

1.CSS是什么

JavaScript（行为） CSS（样式） HTML（内容）

• Cascading Style Sheets
• 用来定义页面元素的样式
  ·设置字体和颜色
  ·设置位置和大小
  ·添加动画效果

CSS最基础的代码：

在页面中使用CSS 页面完整的例子 CSS是如何工作的：

2.选择器 Selector

• 找出页面中的元素，以便给他们设置样式
• 使用多种方式选择元素
  ·按照标签名、类名或id·按照属性
  ·按照DOM树中的位置

2.1 通配选择器

“*”：匹配所有

2.2 标签选择器

2.3 id选择器

“#”：通过#进行选中
注意：这个id需要在这个页面的值是唯一的

2.4 类选择器

class:给同一类型标签去设置样式时，可以用class选择器

2.5 属性选择器

注意：
1、这个元素有[disabled]的属性就可以选中
2、需要选择一个特定的值时：
input[type="特定的值"]\

2.6 伪类（pseudo-classes）

• 不基于标签和属性定位元素
• 几种伪类
  ·状态伪类
  ·结构性伪类

1.状态伪类：这个元素处于某一种特定的状态下才会被选中。
链接的四种状态：(本身：褐色；点击过：灰色；指着：橙色；点击：红色）

2.7 组合（Combinators）

2.8 选择器组

3.格式文本

3.1 颜色

指定一种颜色数量的多少： 其中：
1.rgb括号中三位数表示红色蓝色绿色三种颜色的数量
2.#后每两位数表示每种颜色的数量值 或者可以直接指定颜色的值：

3.2 字体

通用字体族： 字体大小：
·关键字
small、medium、large
·长度
pX、em
·百分数
相对于父元素字体大小 字重： 行高：（两行文字的基准线间距） 调试CSS:

• 右键点击页面，选择「检查」
• 使用快捷键
  . ctrl+Shift+I( windows )
  . Cmd+Opt+I (Mac)