CSS3是最新的CSS标准,提供了许多新的文本模块,让我们更轻松地处理文本样式。下面我们来介绍一下它们。
/* 1. 字体 */ font-family: Arial, sans-serif; /* 设置字体 */ font-size: 16px; /* 设置字号 */ font-weight: bold; /* 设置字重 */ /* 2. 颜色 */ color: #333; /* 设置文本颜色 */ background-color: #fff; /* 设置背景颜色 */ /* 3. 行高 */ line-height: 1.5; /* 设置行高 */ /* 4. 对齐 */ text-align: center; /* 设置对齐方式 */ vertical-align: middle; /* 设置竖直方向对齐方式 */ /* 5. 文本装饰 */ text-decoration: underline; /* 设置文本下划线 */ text-transform: uppercase; /* 设置文本大写等 */ /* 6. 文本阴影 */ text-shadow: 1px 1px #fff; /* 设置文本阴影 */ /* 7. 文本溢出 */ overflow: hidden; /* 隐藏溢出文本 */ text-overflow: ellipsis; /* 显示省略号 */ white-space: nowrap; /* 禁止换行 */ /* 8. 自动换行 */ word-wrap: break-word; /* 文本自动换行 */
以上就是CSS3文本模块中的常用属性,我们可以根据自己的需要灵活运用,达到更好的排版效果。