css常用属性记录

1、table表格中的：

1.1 表格中显示的内容不是中文而是纯数字或英文时,默认是不换行的（中文默认换行），想要设置换行

word-wrap: break-word;  // 关键词normal、break-word（一般用这个就行了）

• normal：就是大家平常见得最多的正常的换行规则。
• break-word：一行单词中实在没有其他靠谱的换行点的时候换行。
  word-wrap属性其实也是很有故事的，之前由于和word-break长得太像，难免会让人记不住搞混淆，晕头转向，于是在CSS3规范里，把这个属性的名称给改了，叫做：overflow-wrap. 哎呀，这个新属性名称显然语义更准确，也更容易区别和记忆。（但是新名称存在兼容性问题）

word-break: break-all;  // 关键词normal、break-all、 keep-all;

• normal：使用默认的换行规则。
• break-all：允许任意非CJK(Chinese/Japanese/Korean)文本间的单词断行。
• keep-all：不允许CJK(Chinese/Japanese/Korean)文本中的单词换行，只能在半角空格或连字符处换行。非CJK文本的行为实际上和normal一致。（主流浏览器支持，但是移动端存在兼容性问题）

2、background(背景色)

背景属性

| 属性 | 描述 |
| background | 简写属性，作用是将背景属性设置在一个声明中。 |
| background-attachment | 背景图像是否固定或者随着页面的其余部分滚动。 |
| background-color | 设置元素的背景颜色。 |
| background-image | 把图像设置为背景。 |
| background-position | 设置背景图像的起始位置。 |
| background-repeat | 设置背景图像是否及如何重复。 |
|background-size|规定背景图片的尺寸。|

3、box-sizing（普通盒模型的标准）

css 3.0的属性

语法
box-sizing: content-box|border-box|inherit;

• content-box：这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。（IE盒子模型）

• border-box：为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。（标准盒子模型）

• inherit：规定应从父元素继承 box-sizing 属性的值。

  
  

这个属性就是解决标准盒子模型和IE盒子模型解析不同的问题；默认是标准盒子模型为准。