如何给文字属性或者给效果(1/2)

2022-11-10  本文已影响0人  九天懒猫

1-文本格式化标签

标签和说明

b 加粗;u 下划线;

i 倾斜;s 删除线;

strong 加粗;ins 下划线;

em 倾斜;del 删除线;

2-文字属性-取值变化

2-1 字体倾斜-font-style:取值


取值

正常normal. 默认值

倾斜 italic

2-2字体粗细-font-weight:取值;

取值

正常 normal;

加粗 bold;

纯数字:100-900的整百数;(工作中常用)

正常 00

加粗 700

2-3 字体样式—font-family:取值

常见取值

具体字体1,具体字体2,字体系列

1--具体字体比如:microsoft yahei,微软雅黑,黑体,宋体,楷体等

2-字体系列比如:sans-serif,serif,monspace等

2-4字体大小—font-size:取值;

取值 数字+px

单位需要设置,否则无效

2-5 行高 line-height

你可以有5种方式来定义line-height。
1.line-height可以被定义为:body{line-height:normal;}
2.line-height可以被定义为:body{line-height:inherit;}
3.line-height可以使用一个百分比的值body{c}
4.line-height可以被定义为一个长度值(px,em等) body{line-height:25px;}
5.line-height也可以被定义为纯数字, body{line-height:1.2}

2-6 标签{text-decoration: 取值;}

取值:underline 下划线;line-through 删除线;overline 上划线;none 无装饰线;

3-伪类给文字加效果

选择器:hover{};给字体添加鼠标悬浮变色或者添加背景效果;

4-给文字添加背景效果

background-color:颜色单词;

测试放在下一篇,这篇有点长了————

(仅为个人自学的一点点思考,如有错漏,欢迎留言指正)

上一篇下一篇

猜你喜欢

热点阅读