CSS 字体
2022/3/3 23:16:45
本文主要是介绍CSS 字体,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css_font.css"/> </head> <body> <div id=""> <p class="p1"> this is p THIS IS P </p> <p class="p2"> This Is P </p> </div> </body> </html>
.p1{ /* 字体 */ font-family: "times new roman"; /* 斜体 */ font-style: italic; /* 粗细 */ font-weight: bold; /* 使用 vw 单位设置文本大小,它的意思是“视口宽度 文本大小将遵循浏览器窗口的大小 */ font-size: 10vm; } .p2{ /* 小写字母都将转换为大写字母。 但是,转换后的大写字母的字体大小小于文本中原始大写字母的字体大小。 */ font-variant: small-caps; /* 1em 等于当前字体大小。浏览器中的默认文本大小为 16px。 因此,默认大小 1em 为 16px。 可以使用这个公式从像素到 em 来计算大小:pixels/16=em。 */ font-size: 2.5em ; }
这篇关于CSS 字体的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-10深入浅出TailwindCSS开发:快速上手与实战技巧
- 2024-09-10尾风CSS开发:快速上手与实战指南
- 2024-09-10从零开始:深入TailwindCSS项目实战,快速上手构建高效网站
- 2024-09-10尾风CSS项目实战:初级用户快速上手指南
- 2024-09-07TailwindCSS从入门到实践:全面指南
- 2024-09-05Tailwind.css入门:快速上手指南
- 2024-08-29CSS9资料:入门级CSS教程与实用技巧指南
- 2024-08-29CSS定位资料大全:初学者入门指南
- 2024-08-29CSS 浮动资料:入门级教程与实践
- 2024-08-29CSS样式入门:快速获取与掌握CSS样式资料的指南