/* 文本类 */
/* 文本阴影 /
/ text-shadow:3px 3px 3px red； */
/* 第一个值 X轴偏移量 （加负号为反向）
第一个值 y轴偏移量 （加负号为反向）
第一个值 模糊值，值越大越模糊
第一个值 颜色 */
p:nth-of-type(1) {
text-shadow: 3px 3px 3px red;
}
/* 盒子阴影 /
/ box-shadow: 2px 2px 2px brown; */
/* 文本修饰
text-decoration: overline
overline顶划线
underline下划线
line-through中划线/删除线
none无/取消下划线 */
/* 只能显示一种 划线*/
p:nth-of-type(2) {
text-decoration: overline;
/* text-decoration: underline; /
/ text-decoration: line-through; */
}
/* 文本字体
text-transform: lowercase;
lowercase 所以文本小写字母
uppercase 所以文本大写字母
capitalize 所以文本小写字母
*/
p:nth-of-type(3) {
text-transform: uppercase;
}
/* 文本缩进
text-indend:3em;
第一个文字向后缩进
行高
line-height:2;
词间距
word-spacing:10px;
字间距
letter-spacing;
*/
p:nth-of-type(4) {
list-style: height 5px;
letter-spacing: 4px;
}
/* 字体类 */
/* 字体的粗细 /
/ font-weight:normal;
font-weight:bild;
font-weight:boeder;
*/
p>:nth-of-type(5) {
font-weight: bold;
}
/*
字体样式
font-style:normal
font-style:italic 斜体
font-style:inherit
*/
p:nth-of-type(6) {
font-style: italic
}
/* 设置字体
font-family:"sans-sertf"
font-family:Cambridge cochin Georgian;
当浏览器没有第一个字体时就使用第二个。以此类推。要是都没有就使用浏览器默认字体
*/
/* 字体变形
font-variant:normal
font-variant:inherit
font-variant:small-caps
*/
/* 引用字体
最开始写
@font-face /
/ 1 吧引用的字体放到站内 每一种字体间用 逗号 隔开
2 @font-face
3 添加声明块
设置字体的名字
font-family：“自定义”
引用字体文件的地址
书写格式 src：url（“字体文件地址”）
@font-face:"f75"; “设置字体的名字为“f75”
添加字体地址 */
@font-face {
font-family: "f75";
src: url(./zt/Fonts/digital-7_mono.ttf);
}
文章来源: 博客园
- 还没有人评论，欢迎说说您的想法！
客服
