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

/* 文本类  */

/* 文本阴影 /

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

}

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值