css3新属性partE

不知不觉咱们对于css3的属性了解来到了E的部分,相信你们对css3有一个初步的了解,这一章咱们争取完结掉它:
A.Word-wrap & Text-overflow &Text-decoration
word-wrap 可选项有: normal|break-word; normal 只在容许的断字点换行(浏览器保持默认处理)。 break-word 在长单词或 URL 地址内部进行换行。
Text-overflow:是在文本溢出的时候的处理方式
Text-overflow可选择项有三种:
clip:修剪文本。
ellipsis:显示省略符号来表明被修剪的文本。
string:使用给定的字符串来表明被修剪的文本。
我们看一下代码:css

Text-decoration:(对文本的修饰)
ps:闪烁的效果已经被废弃

B.CSS3 的渐变效果
CSS3 渐变(gradients)能够让你在两个或多个指定的颜色之间显示平稳的过渡。 之前,你必须使用图像来实现这些效果。可是,经过使用 CSS3 渐变(gradients),你能够减小下载的时间和宽带的使用。此外,渐变效果的元素在放大时看起来效果更好,由于渐变(gradient)是由浏览器生成的。 CSS3 定义了两种类型的渐变(gradients):

  • 线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向
  • 径向渐变(Radial Gradients)- 由它们的中心定义
别逼逼看代码:

CSS3 径向渐变:

更多详细信息:传送门
css3的大章节咱们到这边算是讲完了,咱们接下来要开一个canvas的大章节html

相关文章
相关标签/搜索