文本样式

1.

/*font-style: italic;!*字体倾斜*!
font-weight:lighter;!*字体粗细*!
font-size: 40px;!*字体大小*!
line-height: 60px;
font-family: "Arial","Microsoft Himalaya",serif;!*字体系列*!*/

font: italic lighter 40px/1.5 宋体 微软雅黑 sans-serif;
/*复合属性（顺序）等效于前五个属性（效率高）*/

margin: 100px 100px 10px 100px;

2.

/*background-color: red;
height: 30px;*/
/*text-align: center;!*水平居中*!*/
/*   line-height: 30px;*//*行高，通常设置文本垂直方向对齐方式（垂直居中）*/
letter-spacing: 10px; /*字符之间的间距*/
text-decoration: underline; /*文本修饰 overline 上划线 line-through中划线 */
text-decoration-style: dotted;
/*文本线修饰 wawy ：波浪线
          dashed：间隔线
          dotted:点状线
          solid:单实线
          double:双实线
           */
text-decoration-color: #cccccc; /*文本修饰颜色*/

3.

white-space: nowrap; /*文本换行处理不折行*/
background-color: #ff7300;
overflow: hidden; /*溢出部分隐藏*/
text-overflow: ellipsis; /*溢出部分处理显示省略号*/

4.宽高处理

<!--所有块级元素对宽高都有效-->
<!--大部分行级对宽高无效image 输入框 input textarea select元素对宽高有效 -->