选择|属性

!important  优先权
transparent背景透明
inherit 继承父级样式
rgba(125, 0, 0, .3);

选择符

E F 包含
E>F 子类
E+F 相邻
E~F兄弟
E[att="val"] 属性

a:link{}
a:visited{}
a:hover{}
a:active{}

input:focus{}获得焦点

E:first-child 第一个
E:last-child 最后一个
li:nth-child(2n){color:#f00;} 偶数
li:nth-child(2n+1){color:#000;}  奇数
E::before 之前
E::after 之后
p::selection{background:#000;color:#f00;} 只能定义背景字体颜色

• 定位

  position：static | relative相对定位 | absolute绝对定位 | fixed 
  z-index:1;
  top:50%;
  left:50%;

• 布局

  display：none隐藏 | inline内联 | block块元素 |  inline-block内联块
  float：none | left | right 不浮动左浮动 右浮动
  clear： left | right | both 清理浮动
  visibility：visible | hidden可见/隐藏
  overflow|overflow-x|overflow-y: hidden | scroll 超出部分隐藏/滚动
  margin:上 右下左 外补白
  padding:上右下左 内补白

• 边框

  border:5px solid #000; dashed虚线 dotted点线
  border-radius:1px 圆角
  border-style:none 隐藏边框

• 背景

  background-color :#000; 默认transparent透明
  background-image :url()  默认none
  background-repeat :
  repeat-x： 背景图像在横向上平铺 
  repeat-y： 背景图像在纵向上平铺 
  repeat： 背景图像在横向和纵向平铺 
  no-repeat： 背景图像不平铺
  background-attachment:
  fixed： 背景图像相对于窗体固定。 
  scroll： 背景图像相对于元素固定
  background-position：0% 0% 指定对象的背景图像位置。 
  background-origin： 指定对象的背景图像显示的原点。 
  background-clip： 指定对象的背景图像向外裁剪的区域。 
  background-size:
  auto： 背景图像的真实大小。 
  cover： 将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。 
  contain： 将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背景图像始终被包含在容器内。

• 字体

  color:rgba(0,0,0,.5);}
  opacity:.5;  1不透明 0透明
  font-style：normal | italic 正常/斜体
  font-weight：normal | bold正常/粗体 700粗体
  font-size：16px
  font-family:helvetica,verdana,sans-serif;
  text-transform：none | capitalize | uppercase | lowercase 不转换/首字母/大写/小写
  text-align:left | right | center
  text-indent:20px 缩进
  line-height:22px 行高=高居中
  vertical-align：baseline | sub下标 | super上标 | top | middle

• 列表

  list-style-image:url()
  list-style-type：disc 实心圆| circle 空心圆| square实心方块 | decimal 数字
  none不显示|lower-alpha小写 | upper-alpha大写
  list-style-position：outside | inside 文本外/文本内

• 其他

  border-collapse：separate | collapse边框独立/合并
  outline-style：none 无轮廓
  cursor:pointer;鼠标