CSS3 文本效果
CSS3 包含多个新的文本特性。
在本章中,您将学到如下文本属性:
text-shadow
word-wrap
CSS3 文本阴影
在 CSS3 中,text-shadow 可向文本应用阴影。
CSS3 自动换行
允许对长单词进行拆分,并换行到下一行:
p {word-wrap:break-word;}
hanging-punctuation 规定标点字符是否位于线框之外。
punctuation-trim 规定是否对标点字符进行修剪。
text-align-last 设置如何对齐最后一行或紧挨着强制换行符之前的行。
text-emphasis 向元素的文本应用重点标记以及重点标记的前景色。
text-justify 规定当 text-align 设置为 “justify” 时所使用的对齐方法。
text-outline 规定文本的轮廓。
text-overflow 规定当文本溢出包含元素时发生的事情。
text-shadow 向文本添加阴影。
text-wrap 规定文本的换行规则。
word-break 规定非中日韩文本的换行规则。
word-wrap 允许对长的不可分割的单词进行分割并换行到下一行。
CSS3 字体
使用您需要的字体
在新的 @font-face 规则中,您必须首先定义字体的名称(比如 myFirstFont),然后指向该字体文件。
如需为 HTML 元素使用字体,请通过 font-family 属性来引用字体的名称 (myFirstFont):
使用粗体字体
您必须为粗体文本添加另一个包含描述符的 @font-face: