font和background语法糖/复写和权重

font

font:font-weight font-style font-size/line-height font-family;

• font-weight ：属性设置文本的粗细 (normal/bold/bolder/lighter/100-900/inherit)
• font-style ：属性定义字体的风格。 (normal/italic/oblique/inherit)
• font-size ： 属性可设置字体的尺寸 (px/%/rem…等)
• line-height：属性设置字体行高 (px/%/rem…等)100%是1倍
• font-family：属性设置字体 （可查看电脑支持字体）

注意
前面写不写不重要。font复写字号和行高 字体必须写不写没效果
字号行高需要用 / 链接

---

background

background: ~url ~repeat ~attachment ~position/~size ~origin ~clip

• background-image 定义路径：url(“路径”)

• background-color 属性设置背景颜色

• background-position 属性设置位置（x,y）

• background-size 属性规定背景图像的尺寸

• background-repeat 属性设置是否及如何重复背景图像：（repeat|repeat-x|repeat-y|no-repeat|inherit）

• background-origin （padding|border|content）
  该属性指定了背景从哪个区域(边框、补白或内容)开始绘制,但也仅仅能控制背景开始绘制的位置，你可以用这个属性在边框上绘制背景，但边框上的背景显不显示出来那就要由background-clip来决定了

• background-clip (border|padding|content)
  该属性指定了背景在哪些区域可以显示，但与背景开始绘制的位置无关，背景的绘制的位置可以出现在不显示背景的区域，这时就相当于背景图片被不显示背景的区域裁剪了一部分一样。

• background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。这是我认为最NB属性
  scroll 背景图片随着页面的滚动尔滚动，这是默认的。
  fixed 背景图片不会随着页面的滚动而滚动
  local 背景图片会随着元素内容的滚动而滚动
  initial 设置该属性的默认值
  inherit 指定background-arrachment的设置应该从父元素继承

url就是image路径， = =！不要加上我前面的~ 直接写需要的属性值就行

权重

简单来说就是浏览器选择用那种方法定义的样式
官方->权重决定了你css规则怎样被浏览器解析直到生效。“css权重关系到你的css规则是怎样显示的

!important >行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性

类型	权重
!important	无穷
行内样式	1000
ID	100
class/属性选择器/伪类	10
标签选择器/伪元素:after	1
通配符	0