css基础

font相关属性

• font-family 设置字体
• font-size 字体大小
• font-style 字体样式（两个值加粗斜体）bold italic
• font-weight （两个值加粗斜体）
• font-variant （变体）
• font（简写属性）将多个属性同时设置，必须同时包含font-family和font-size，font-size要在font-family前面。

text相关属性

• color 设置文本颜色（不仅仅是文字）
• text-indent 定义文本缩进，首行内容
• letter-spacing 字符间隔
• word-spacing 词间隔
• line-height 行高
• text-decoration 装饰线
• text-align （left right center justify）作用于块级元素，可继承
• vertical-align 作用于具体的行内元素和表格单元上（baleline text-top text-bottom middle top bottom）
• text-transform 控制文本的大小写。
  可能的值
  none 默认。定义带有小写字母和大写字母的标准的文本。
  capitalize 文本中的每个单词以大写字母开头。
  uppercase 定义仅有大写字母。
  lowercase 定义无大写字母，仅有小写字母。
  inherit 规定应该从父元素继承 text-transform 属性的值。
• text-shadow 基础的文本阴影效果
  属性值
  h-shadow 必需。水平阴影的位置。允许负值。
  v-shadow 必需。垂直阴影的位置。允许负值。
  blur 可选。模糊的距离。
  color 可选。阴影的颜色。
• white-space 设置如何处理元素内的空白。
  属性值
  normal 默认。空白会被浏览器忽略。
  pre 空白会被浏览器保留。
  nowrap 文本不会换行，文本会在在同一行上继续，直到遇到
  标签为止。
  pre-wrap 保留空白符序列，但是正常地进行换行。
  pre-line 合并空白符序列，但是保留换行符。
  inherit 规定应该从父元素继承 white-space 属性的值。
• text-overflow 规定当文本溢出包含元素时发生的事情。
  属性值
  clip 修剪文本。
  ellipsis 显示省略符号来代表被修剪的文本。
  string 使用给定的字符串来代表被修剪的文本。
• word-wrap 允许长单词或 URL 地址换行到下一行。
  属性值
  normal 只在允许的断字点换行（浏览器保持默认处理）。
  break-word 在长单词或 URL 地址内部进行换行。
• word-break 规定自动换行的处理方法。
  属性值
  normal 使用浏览器默认的换行规则。
  break-all 允许在单词内换行。
  keep-all 只能在半角空格或连字符处换行。

盒模型以及BOX-SIZING
盒模型、border、margin、padding、weight、height。

• boxmodel（border、margin、padding、weight、height）
• box-sizing
• box-shadow、border-raduis、border-image

DISPLAY属性（INLINE、BLOCK、INLINE-BLOCK、NONE）
none 此元素不会被显示。
block 此元素将显示为块级元素，此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block 行内块元素。

背景相关元素

• background-color 背景颜色
• background-image 背景图片
• background-repeat 设置水平还是竖直填充
• background-position 背景图的位置
• background-size 背景大小
• background（简写属性）
• background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。
  属性值
  scroll 默认值。背景图像会随着页面其余部分的滚动而移动。
  fixed 当页面的其余部分滚动时，背景图像不会移动。
  inherit 规定应该从父元素继承 background-attachment 属性的设置。
• background-clip 规定背景的绘制区域。
  属性值
  border-box 背景被裁剪到边框盒。
  padding-box 背景被裁剪到内边距框。
  content-box 背景被裁剪到内容框。
• background-origin 规定 background-position 属性相对于什么位置来定位。
  属性值
  padding-box 背景图像相对于内边距框来定位。
  border-box 背景图像相对于边框盒来定位。
  content-box 背景图像相对于内容框来定位。
• multiple backgrounds 多背景图片