2018-11-19

1. 伪类与伪元素

伪类用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根 据用户行为而动态变化的

伪元素用于创建一些不在文档树中的元素，并为其添加样式。

1 :link
选择未访问的链接
2 :visited
选择已访问的链接
3 :hover
选择鼠标指针浮动在其上的元素
4 :active
选择活动的链接
5 :focus
选择获取焦点的输入字段
6指定元素前
：before
7：指定元素后
：after
8:选中的元素
：selection

1 :not
一个否定伪类，用于匹配不符合参数选择器的元素。
2 :first-child
匹配元素的第一个子元素。
3 : last-child
匹配元素的最后一个子元素。
4 first-of-type
匹配属于其父元素的首个特定类型的子元素的每个元素
5 :last-of-type
匹配元素的最后一个子元素。
6 :nth-child
:nth-child根据元素的位置匹配一个或者多个元素，它接受一个an+b形式的参
7:nth-of-type
:nth-of-type与nth-child相似，不同之处在于它是只匹配特定类型的元素。

文本标签

  1.<strong><em>
  <strong>和<em>强调标签, 这两个标签用于强调网页中文本的特定词语或者段落,但是两者在语气上有区别, <strong>更假强烈, 表现形式会是使用粗体, 而<em>会是斜体.
2.<i><b> 
i：定义斜体文本     b：定义粗体文本
3.<small><big>
small：定义小号的字体   big：将文本定义为大号字体
4.<cite>
cite：定义引用
5.<q><blockquote>
q：定义短的引用    blockquote：定义长的引用文本

6.sup 上标 sub下标

7.<ins><del>
ins：定义被插入的文本    del：定义被删除的文本
8.<code><pre>
code：定义计算机代码的文本      pre：定义预定义文本  
9.<acronym>
< acronym>定义首字母缩写。

有序列表

ol：定义有序列表
li：定义列表的项目

无序列表

ul：定义无序列表
li：定义列表的项目

定义列表

dl：定义自定义列表
dt：定义自定义列表中的项目
dd：定义自定义列表项目中的描述

px
如果我们将一个图片放大的话，我们会发现一个图片是有一个一个的小色块构成的，这一个小色块就是一个像素，也就是1px对于不同的显示器来说一个像素的大小时不同的。
百分比
也可以使用一个百分数来表示一个大小，百分比是相对于父元素来说的，如果父元素使用的大小是16px，则100%就是16px，200%也就是32px.
em
-em和百分比类似，是相对于font-size说的 1em=1font-size