多语言展示
当前在线:1645今日阅读:23今日分享:25

好程序员web前端分享CSS3文本属性

浏览器前缀的简介及应用某些CSS属性还只是最新版的预览版,并未发布成最终的正式版,而大部分浏览器已经为这些属性提供了支持,但这些属性是小部分浏览器专有的;有些时候,有些浏览器为了扩展某方面的功能,它们会选择新增的一些CSS属性,这些自行扩展的CSS属性也是浏览器专属的。为了让这些浏览器识别这些专属属性,CSS规范允许在CSS属性前增加各自的浏览器前缀
方法/步骤
1

文本阴影属性语法及应用如图:说明:水平、垂直阴影的位置允许负值 可进行多阴影设置

2

文本换行的相关属性Word-wrap属性值:normal说明:只在允许的断字点换行(浏览器保持默认处理)break-word说明:属性允许长单词或 URL 地址换行到下一行。属性用来标明是否允许浏览器在单词内进行断句,这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。Word-break属性值:break-all说明:它断句的方式非常粗暴,它不会尝试把长单词挪到下一行,而是直接进行单词内的断句Keep-all说明:文本不会换行,只能在半角空格或连字符处换行。

3

@font-face@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体(@font-face这个功能早在IE4就支持)

4

@font-face的语法规则:@font-face {font-family: ; src: [][, []]*; [font-weight: ]; [font-style: