效果图:
先使用通配符消除样式:
字体倾斜效果使用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命令,该命令被赋予最大的优先级。
标签:CSS3,软文,text,--,shadow,font,选择器,隔开,样式 From: https://www.cnblogs.com/yupotato/p/18311411