淘先锋技术网

首页 1 2 3 4 5 6 7

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文本模块中的常用属性,我们可以根据自己的需要灵活运用,达到更好的排版效果。