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

CSS是什么

 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

基础选择器

标签选择器

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

作用:标签选择器可以把某一类标签全部选择出来，比如所有的<div>标签和所有的<span>标签。
优点:能快速为页面中同类型的标签统一设置样式。不能设计差异化样式，只能选择全部的当前标签。

类选择器

不能用标签做类名
可以用短横线 - 命名
不要用纯数字，中文等命名

文本属性

各种字体之间必须使用英文状态下的逗号隔开 一般情况下,如果有空格隔开的多个单词组成的字体加引号. 尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示 最常见的几个字体: body {font-family. ‘Microsoft YaHei’,tahoma,arial,‘Hiragino Sans GB’;} px（像素)大小是我们网页的最常用的单位，谷歌浏览器默认的文字大小为16px 不同浏览器可能默认显示的字号大小不一致，我们尽量给一个明确值大小，不要默认大小可以给 body指定整个页面文字的大小 字体粗细设置 实际开发中，提倡使用数字，表示加粗或者变细 font-weight后的参数，不要加px 字体样式 平时我们很少给文字加斜体，反而要给斜体标签( em , i)改为不倾斜字体。

颜色

表示	属性值
预定义的颜值	red 、green、blue 、 pink
十六进制	#FF0000 、 #FF6600、#29D794
RGB代码	rgb(83, 23, 23)

对齐文本

属性值	解释
center	水平居中对齐
left	左对齐（默认值）
right	右对齐
center	居中对齐

行间距

line-height属性用于设置行间的距离(行高)。可以控制文字行与行之间的距离.
行距并不改变文字的高度，而是改变上间距和下间距的高度，默认的行间距为16px（也就是文字的高度）

行间距 = 上间距+下间距+文本高度