CSS3中的属性介绍

概念：给文字添加阴影

---

语法：text-shadow: length length length color

---

介绍：前两个参数为阴影离开文字的横方向位移距离与纵方向位移距离。使用时前两个参数必须指定，也可以是负数。第三个参数为模糊半径，省略时默认为0，代表不向外模糊。第四个参数为颜色，可以放在其他三个参数之前，不指定时使用的是文字的颜色只在Firefox和Opera中起作用，在Safari和Chrome不支持这个参数的省略。可以指定多个阴影，用逗号分开，在Firefox、Opera、Chrome支持。

---

概念：让文字自动换行

---

word-break: normal | keep-all | break-all

word-wrap: break-word让长单词自动换行

---

概念：使用服务器端字体

---

@font-face {
  font-family: 'music-icon'
  src: url('../fonts/music-icon.eot?2qevqt')//IE浏览器中不需要使用format属性值声明字体的文件格式
  src: url('../fonts/music-icon.eot?2qevqt#iefix') format('embedded-opentype'),
       url('../fonts/music-icon.ttf?2qevqt') format('truetype'),
       url('../fonts/music-icon.woff?2qevqt') format('woff'),
       url('../fonts/music-icon.svg?2qevqt#music-icon') format('svg')
  font-weight: normal
  font-style: normal
}

inline-block

---

属于block类型的一种，但是有inline类型的特点，默认低端对其，vartical-align属性可以指定对齐方式

inline-table

---

table属于block类型，所以不能和其他文字处于同一行，但是如果将table元素修改为inline-table类型，就可以让表格与其他文字在同一行