笔记7-文本属性font&none与normal运用总结
1、文本体积属性
1.属性:font-size
2.属性值 意见设置为偶数，设为奇数的话，在区别浏览器解析的区别。在工作中，以UI给的数据为准。
- 能够设置常规的属性值 20px(像素px单位是网页中最平常的单位值)
- 浏览器中规定默认的字体体积是16px
- 浏览器之间存在差异,减少浏览器的差异,官方规定在浏览器中表示最小的字体是12px(能够设置比12px更小)
- 除了px单位,还有有些必须认识的单位
- pt 磅 硬件设备上 12pt=16px
- em 相对单位,相针对父级元素计算的单位 1em=16px(首行缩进)
3.在ps中量出文字的像素值高度便是当前文本的体积
2、文本字体类型属性
1.属性:font-family
2.属性值:在浏览器中默认的字体类型是宋体,为了更好的体验,高版本浏览器改为微软雅黑
- 中文的属性值:意见加上引号
- 英文的属性值
- 当属性值仅有一个英文单词的时候不必须加引号
- 当属性值有非常多英文单词的时候必要添加引号
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
div{
font-family: "Times New Roman", Times, serif,"微软雅黑"
}
</style>
</head>
<body>
谢谢你们 由于有你温暖了四季
<div>
谢谢你们 由于有你温暖了四季
</div>
</body>
</html> 3、文本加粗、倾斜属性
加粗属性的设置
1.属性:font-weight
2.属性值
数值类型:100-900;整百的数值,无单位
100====细体
400====正常字体(默认值)
700====加粗
900====更粗 700和900实现的效果同样的;900更加拥有强调性重要词类型 lighter===细体
normal====正常字体(默认值)
bold======加粗
bolder=
| 
发表于 2024-6-29 12:44:59
