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

  • A+
所属分类:Web前端
摘要

/* 文本类  *//* 文本阴影 /
/ text-shadow:3px 3px 3px red; */

/* 文本类  */

/* 文本阴影 /
/
 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);
}