前端学习 -- Css -- 字体
2023-09-14 09:00:30 时间
设置字体颜色,使用color来设置文字的颜色
设置文字的大小,浏览器中一般默认的文字大小都是16px
font-size设置的并不是文字本身的大小,在页面中,每个文字都是处在一个看不见的框中的我们设置的font-size实际上是设置格的高度,并不是字体的大小一般情况下文字都要比这个格要小一些,也有时会比格大,根据字体的不同,显示效果也不能。
通过font-family可以指定文字的字体
当采用某种字体时,如果浏览器支持则使用该字体,如果字体不支持,则使用默认字体。
该样式可以同时指定多个字体,多个字体之间使用“,”分开。
当采用多个字体时,浏览器会优先使用前边的字体,如果前边没有在尝试下一个。
浏览器使用的字体默认就是计算机中的字体,如果计算机中有,则使用,如果没有就不用。
在开发中,如果字体太奇怪,用的太少了,尽量不要使用,有可能用户的电脑没有,就不能达到想要的效果。
示例demo:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> p{ color: red; font-family: 华文彩云 , arial , 微软雅黑;; } </style> </head> <body> <p> 日出而作,日入而息。 凿井而饮,耕田而食。 帝力于我何有哉! </p> </body> </html>
效果:
相关文章
- 【深度学习入门】——亲手实现图像卷积操作[通俗易懂]
- 学习前端
- 前端学习笔记
- 前端如何学习更有计划性、提升更稳更快?
- web前端学习/工作笔记(六)
- Spark 读写 Ceph S3入门学习总结
- web前端学习/工作笔记(十)
- web前端学习/工作笔记(十三)
- web前端学习/工作笔记(十六)
- C语言教程学习41-44节
- 【机器学习可解释性】开源 | 将人类可读的程序转换为transformer模型的权重的“编译器”——Tracr
- 前端Mockjs学习笔记,持续记录
- 前端必备的 CSS 库,normalize.css
- 前端代码复用学习笔记:整洁架构与清晰架构
- WEB前端学习--补3月30号课堂笔记
- 面向联邦学习的模型测试和调优怎么整?这篇三万字长文给你答案
- Struts2学习笔记四 OGNL详解编程语言
- JavaScript学习总结(七)——JavaScript函数(function)详解编程语言
- 学习Linux设备驱动程序,掌握开发技能(精通linux设备驱动程序开发)
- 从零点开始学习Linux编程(零点起飞学linux编程)
- Django基础学习五_引入静态文件详解编程语言
- 机器学习相关术语汇总(附带解析)
- 学习Linux:基础知识是必不可少的(学linux需要什么基础)
- 学习Linux:在知乎上获得最新的软件信息(linux软件知乎)
- 通过编写“猜数字”游戏学习 Lua
- Linux网络配置:学习有线连接的方法(linux有线连接)
- 播客学习sqlserver启程:传智播客上路带你飞(sqlserver 传智)
- 必要性前端学习Redis的必要性(前端需要学redis么)
- 从零开始Redis入门学习指南(redis零基础学习)
- juqery学习之六CSS--css、位置、宽高
- phparray的学习笔记