html设置字体缩进,css样式设置文本，文本阴影/修饰/字体/缩进。字体类，样式，设置字体，字体变形，引用字体...

男娘i 2022-10-07 09:53 157阅读 0赞

/* 文本类 */

/* 文本阴影 /

/ 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);

}

发表评论

表情：
评论列表 （有 0 条评论，157人围观）

还没有评论，来说两句吧...

相关阅读