css3开发教程,css3最佳使用方法

在这呢，我主要说明下面几个文本属性：

• text-shadow
• text-overflow
• word-wrap
• word-break

1、CSS3文本阴影

也是由四个属性值完成的，指定了水平阴影、垂直阴影、模糊的距离、以及阴影的颜色。例如：

2、CSS3 Text Overflow属性

这个属性用的也是比较多的，主要限制溢出的内容，不过的配合其它属性使用。例如：

3、CSS3的换行

CSS3 单词拆分换行属性指定换行规则：

p.test1 { word-break: keep-all; } p.test2 { word-break: break-all; }

注意: word-break 属性不兼容 Opera.

4、新文本属性

hanging-punctuation：规定标点字符是否位于线框之外。

punctuation-trim：规定是否对标点字符进行修剪。

text-align-last：设置如何对齐最后一行或紧挨着强制换行符之前的行。

text-emphasis：向元素的文本应用重点标记以及重点标记的前景色。

text-justify：规定当 text-align 设置为 "justify" 时所使用的对齐方法。

text-outline：规定文本的轮廓。

使用 CSS3，网页设计师可以使用他/她喜欢的任何字体。当你发现您要使用的字体文件时，只需简单的将字体文件包含在网站中，它会自动下载给需要的用户。

如何使用呢？在新的@font-face规则中，你必须先定义字体的名称，然后指向该字体文件，例如：

今天的CSS3就说到这里了，下一篇继续往深里挖掘CSS3，希望大家不要放弃学习哦！

本文为‘Web前端进阶指南’原创，转载请说明出处，手动码字不易，喜欢的小伙伴们别忘了顺手点个赞加个关注哈，有什么不懂的下方留言评论或私信。谢谢大家哈！