开头的话：自我反思，发现当初学前端时觉得它超级简单，所以粗心大意，基础薄弱，现马上就要秋招了，重新巩固前端内容，祝自己秋招顺利。
在css里，存在样式继承，但不是所有的样式后代都能继承。

前面说到，学习css就是学习选择器和样式。选择器前面已经学过了，虽然很多，但常用的也就那么几个。下面，我们学习css的样式

不能被继承的样式：

所有与背景(background)相关的样式
边框相关的样式
定位相关的样式

文本标签及样式

• em和strong：
  可以一起使用也可以分开使用。
  默认样式：em斜体，strong加粗。
  语义：强调
  em标签用于表示一段内容中的着重点（偏向于语气上面的强调）
  strong标签表示一个1内容的重要性（偏向于内容的重要性）,比em强烈。
• i标签和b标签：
  默认样式：i斜体，b加粗。
  无语义
  h5规范中，规定，对于不需要着重的内容，只是单纯想加粗或者斜体的，可以使用这两个标签。
  i标签现在多用来放矢量图icon
• small标签：
  标签中的内容会比父元素中的内容要小一些。
  语义：细则一类的内容，比如合同中的小字，网站的版权声明。
• cite标签
  语义：对某内容的引用或参考。例如，戏剧、文章或图书的标题，歌曲、电影、照片或雕塑的名称等。
  网页中所有使用书名号的内容都可以使用cite标签。
  默认样式：斜体

    <p><cite>《七龙珠》</cite>讲的是召唤神龙的故事</p>

• q标签
  内联元素
  语义：表示一个短的引用，或者行内应用。例如引用名人名言。
  默认样式：加引号（通过before和after选择器设置的）
  属性：
  • cite：表示引用的地址
• blockquote标签：
  块元素
  默认样式：独占一行
  语义：长引用，块级引用。例如知乎里面的文章。
  属性：
  • cite：表示引用的地址
• sub和sup标签
  语义：sub下标，sup上标。

    <div>赵薇<sup><a href="#">[1]</a></sup></div>

• del标签
  语义：表示删除的内容
  默认样式：删除线
  用于电商网站中的原价
• ins标签
  语义：表示插入的内容
  默认样式：下划线

    <p>今天，我们的老师真<ins>漂亮</ins></p>

• pre标签
  默认样式：开发者写的那种格式
  pre是一个预格式标签，会将代码中的格式保存，不会忽略多个空格。
• code标签：
  语义：代码块
  默认样式：无

我们一般结合code和pre标签，来表示一段代码

    <pre>
      <code>
        window.onload = function(){
          console.log("哈哈哈");
        }
      </code>
    </pre>

长度单位：px，百分比，em

• px：像素
• 百分比：百分比是相对于父元素来说的。例如，父元素16px，子元素100%就是16px，200%就是32px;
• em：em和百分比类似，相对于父元素来说，1em就相当于100%，2em相当于200%。常用于设置字体大小。

颜色单位：英文单词/十六进制/rgb/ rgba

在css可以直接使用颜色的单词表示不同的颜色
也可以使用RGB值来表示不同的颜色
十六进制

字体设置

• font-family
  中文 SimSun(宋体) SimHei(黑体) Microsoft YaHei(微软雅黑) STKaiti(华文楷体)
  英文 Arial Georgia Helvetica sans-Serif（系统默认的）
• 字体颜色 color
  英文单词/十六进制/rgb/ rgba
• 行高 line-height 可用于设置文字的垂直居中。 上高 + 字体大小 + 下高
  测量 上面文字的顶端 到 下行文字的顶端
• 文本对齐方式 text-align 默认为左边对齐
• 首行缩进:text-indent
  em代表一个字符 / 具体数值
• 文字着重
  font-weight
  即加粗
  normol / bold / bolder100~900
• 文字倾斜
  font-style
  normol / italic /oblique
• 文本修饰
  text-decoration
  none / underline / overline / line-through
• 字母间距
  letter-spacing
  具体的数值
• 单词间距
  word-spacing
  单词间距（以空格为解析单位）
• 文本居中
  text-align:center
• 元素居中
  margin:0px auto;
  margin:上下的值 左右的值
  auto 代表自动
• 文本垂直居中
  1.div{
  height:100px;
  font:20xp/100px "字体格式";
  }
  字体格式必须设置，否则不起作用。
  2.height:80px;
  line-height:80px;
• 文字缩进
  text-indent

盒子模型（Box Model）

css在处理网页时，它 认为每一个元素都包含在一个不可见的盒子里。
盒子模型方便我们布局。每一个元素都可以看作是一个盒子。