目录

一、CSS字体属性介绍

二、CSS字体属性详解

(1)字体系列

(2)字体大小

(3)字体粗细

(4)字体样式


一、CSS字体属性介绍

在CSS布局页面中,我们还需要对字体进行修改样式,这就叫字体属性的修改。而对于字体属性我们又分为字体系列,字体大小,字体粗细,字体样式。

二、CSS字体属性详解

(1)字体系列

字体系列就是我们经常说的什么宋体,小楷,微软雅黑之类

font_family: 可以直接写中文"微软雅黑"或者是英文"Microsoft Yahei";

注意你是可以写多个字体的,如果写了多个之后 ,它选择的字体就是按照顺序并且浏览器自带的字体。

(2)字体大小

font-size:16px;

字体大小一定要记得加上像素单位px,谷歌浏览器的默认字体大小是16px 

(3)字体粗细

font-weight:normal(正常) bold(粗体);

但是我们一般不用normal和bold,我们用number,也就是直接写数字。400表示normal,700表示bold。 

(4)字体样式

字体样式分为正常和斜体。之前不是学过<em>斜体标签吗,使用字体样式也可以让<em>标签中的字体正常化。

font-style:normal(正常)或者italic(斜体);

CSS----字体属性相关推荐

  1. 前端:CSS/09/行内框架,CSS简介,CSS选择器,组合选择器,CSS注释,CSS尺寸属性,CSS字体属性,CSS文本属性

    内嵌框架(行内框架,浮动框架) 语法格式:<iframe 属性="值">不支持时的提示信息</iframe> 描述:内嵌框架,相当于在现有的网页中,挖了一个 ...

  2. html字体置顶,2020年应使用的3种CSS字体属性

    原标题:2020年应使用的3种CSS字体属性 来源 | dev.to/nickbulljs 译者 | 鬼哥 如果您使用具有不同字体粗细的非系统字体,则字体文件的大小将很大.浏览器将需要更多时间来下载它 ...

  3. 从零开始学前端:CSS字体属性和文本属性 --- 今天你学习了吗?(CSS:Day08)

    从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(CSS) 复习:从零开始学前端:CSS引入 - 今天你学习了吗?(CSS:Day07) 文章目录 从零开始学前端:程序猿小白也可以完全掌握 ...

  4. css字体属性和css文本属性

    字体属性和文本属性 css字体属性 color属性:设置文字颜色 值类型: 关键词:red,green- 十六进制:#000,#fff rgb(255,255,255) font-size属性:定义文 ...

  5. html字体怎么是什么属性,你不知道的CSS字体属性

    原标题:你不知道的CSS字体属性 如果你对于CSS技巧没有深入地了解,这篇文章会让你知道一些控制字体加载的技巧. CSS的字体显示属性在Blink-based浏览器中可以被使用.它使你能够发现浏览器的 ...

  6. html中字体大写怎么写,CSS 字体属性

    CSS 字体属性 属性描述font简写属性.在一条声明中设置所有字体属性. font-family规定文本的字体系列(字体族). font-size规定文本的字体大小. font-style规定文本的 ...

  7. CSS字体属性与文本属性详解

    文章目录 1. CSS字体属性 1.1 字体系列 1.2 字体大小 1.3 字体粗细 1.4 字体样式 1.5 字体复合属性 1.6 字体属性总结 2. CSS文本属性 2.1 文本颜色 2.2 对齐 ...

  8. Web前端入门(十一)CSS字体属性

    总目录 文章目录 1.font-family 2.font-size 3.font-weight 4.font-style 5.字体属性复合写法 6.字体属性总结 CSS 字体属性用于定义字体系列.大 ...

  9. 06 【CSS字体属性 CSS文本属性】

    8.CSS字体属性 CSS Fonts(字体)属性用于定义:字体系列.大小.粗细.和 文字样式(如:斜体). 8.1字体族 font-family 字体族(字体的格式) CSS 使用 font-fam ...

  10. 说一下CSS字体属性

    CSS Fonts(字体)属性用定义字体系列,大小粗细,和文字样式(如斜体) 3.1字体系列 CSS使用font-family属性定义文本字体系列 p { font-family:'微软雅黑' ;} ...

最新文章

  1. Spring注入---静态工厂
  2. 循序渐进Python3(二) -- 数据类型
  3. fdtd中时间监视器怎么放_FDTDsolutions经典问题集.pdf
  4. CVPR2017有哪些值得读的Image Caption论文?
  5. 修改Windows远程登录端口号
  6. PHPCMS 模板的设置
  7. 什么样的网站建设公司才是值得信赖的?
  8. 【转载】关系型数据库设计范式
  9. 关于python中字典描述正确的是_python总结七
  10. LAMP集群项目五 nfs存储的数据实时同步到backupserver
  11. 云计算基础概念 笔记
  12. java 不安全操作_Java新手求助:怎么会出现使用了未经检查或不安全的操作。
  13. “基金公司+互联网平台” 带来了什么考验?
  14. Ubuntu 命令技巧
  15. 弦截法 解高次方程 C语言/C++
  16. 免实名域名是什么意思?
  17. 【可穿戴算法】-进阶-心率变异性分析
  18. android直接连接本地数据库文件,Android 直接连MySQL数据库
  19. html表格打印边框不全,解决table边框在打印中不显示的问题 (转)
  20. 如何在SYSTEM权限下实现屏幕监控

热门文章

  1. ginx rewrite规则语法
  2. 南京协同计算机信息网络,南京信息工程大学主页平台管理系统 Yu Xue--Home-- 求解大规模复杂优化问题的合作协同进化算法研究...
  3. 2021年,薪酬最高的5种编程语言
  4. javaSE commons-io第三方插件, FilenameUtils工具类,getExtension(),getName(),isExtension()
  5. PYTHON使用arcpy出现“Error 000824: The tool is not licensed”
  6. 移动硬盘分区丢失如何找回?搜索分区技巧分享
  7. python交互界面实例_什么是“面向对象”程序设计以Python为例
  8. 共享计算机网络凭据,Win10访问局域网共享文件时提示输入网络凭据的解决方法...
  9. 魔方(15)二、三、四、五阶棋盘魔方
  10. R语言多项式线性模型:最大似然估计二次曲线