主要内容:
1、CSS3文本阴影
2、换行
3、新文本属性
文本阴影:
Text文本 + shadow阴影 = text-shadow文本阴影
1、此属性应用于阴影文本
2、语法:h-shadow v-shadow blur color
3、兼容性:IE10+ FIREFOX3.5+ chrome4+
4、注意点:模糊程度不能是负数,不然没有效果;
Text-outline
1、规定文本轮廓
2、语法:thickness blur color;
3、兼容性:任何主流浏览器不支持;
CSS3换行:
word-break属性
1、规定自动换行的处理方法
2、语法:word-break:normal | break-all |keep-all
3、兼容性:ie5.5+
4、默认值:normal
5、指定非CJK脚本的换行规则 中国 日本 韩国
Word-wrap
1、允许长单词或者URL地址换行到下一行
2、语法:normal | break-word — 以断开的字母进行换行
3、兼容性:ie5.5+
新文本属性 — text-align-last 和text-overflow
Text-align-last:
1、此属性规定如何对齐文本的最后一行
2、语法:auto left right center justify start end initial (auto) inherit(继承父元素效果)
3、兼容性:text-align-last只有ie浏览器支持 firefox -moz- chrome50+
4、注意点:text-align-last属性只有在text-align属性设置为justify的时候才起作用!
— 上面的justify属性值针对于IE 火狐起作用,chrmo不起作用!
Text-overflow
1、此属性规定当文本溢出包含元素时发生的事情;
2、语法:clip (溢出部分会被裁剪) | ellipse(溢出部分以省略号表示) | string(只能firefox支持,表示可以自定义对溢出部分进行定义 >>)
3、兼容性:ie6+ opera1.1+ (-o-)
4、注意点: 必须配合overflow: hidden; 使用,不然不管什么设置,都不会起作用!
Css3字体部分: 主要内容:
1、@font-face的语法规则
2、@font-face取值说明
3、@font-face的字体格式
4、@font-face字体的应用
5、Css3获取特殊字体
语法规则:
1、@fontface{
Font-family:<自定义名称> —- 字体名称 —- 必须的
Src:
[font-weight:
[font-style: