CSS3案例--制作服装软文推广

效果图：

先使用通配符消除样式：

字体倾斜效果使用font-style：italic;

导入自定义字体样式：

其中font-family属性值为自定义名

src属性值存放字体样式所在位置

 

补充知识点：
1.后代选择器表示方法：父选择器与后代选择器用空格隔开，或者用>隔开

2.并集选择器表示方法：选择器之间用"，"隔开

3.交集选择器：两个选择器之间不能有任何字符隔开，包括空格

4.font-weight：bold；与<strong>标签两者的作用效果一样

5.font-style:italic;与<i>标签的效果一样

6.word-wrap属性用于实现长单词和URL地址的自动换行。属性值有：

（1）normal（只在允许的断字点换行（浏览器保持默认处理）） 　

（2）break-word（在长单词或 URL 地址内部进行换行）

7.letter-spacing用于字间距，word-spacing用于单词间距

8.text-transform

9.white-space：空白符处理

10.text-shadow：阴影效果处理

选择器{text-shadow:h-shadow v-shadow blur color;}

h-shadow：水平　　 v-shadow：垂直　　 blur：模糊半径

可以使用text-shadow属性给文字添加多个阴影，从而产生阴影叠加的效果，方法为设置多组阴影参数，中间用逗号隔开。

11.text-overflow: 标示对象内溢出文本

12.

13.优先级：

标签选择器权重:1　　　　类选择器：10　　　　id选择器：100

继承样式的权重为0。 行内样式优先。 权重相同时，CSS遵循就近原则。 CSS定义了一个!important命令，该命令被赋予最大的优先级。