返回顶部
首页 > 资讯 > 前端开发 > JavaScript >CSS中font-size属性值有哪些种类
  • 814
分享到

CSS中font-size属性值有哪些种类

2024-04-02 19:04:59 814人浏览 独家记忆
摘要

这篇文章主要介绍“CSS中font-size属性值有哪些种类”,在日常操作中,相信很多人在CSS中font-size属性值有哪些种类问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解

这篇文章主要介绍“CSS中font-size属性值有哪些种类”,在日常操作中,相信很多人在CSS中font-size属性值有哪些种类问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS中font-size属性值有哪些种类”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

一、长度单位

长度单位分为两种,一种是相对长度,另一种是绝对长度。
以下为三种相对长度单位:
◆em相对于父对象的大小
◆ex相对于特定字体中的字母x的高度
◆px相对于特定设备的分辨率,这是最最常用的单位,也是我们一直坚守的单位。从技术角度来说,px像素其实是一种相对大小的度量单位,它于特定设备的显示或打印的分辨率有关。例如,一个像素在被显示在计算机屏幕上与被打印在纸张上的大小是不同的。

以下为五种font-size属性值绝对长度单位:

绝对长度单位在打印时或在屏幕显示设备的物理尺寸已知时才比较有用。
◆in英寸
◆cm厘米
◆mm毫米
◆pt点
◆pc12点活字

二、相对大小的关键字

font-size属性值相对大小的关键字只有两个值:
◆larger
◆smaller
这两个值的设定与父对象的设定值有关。我们可以像理解老式的<small><big>那样来理解它们。它们是设定文字大小的最基本的方式,并会受到上层对象的文字大小定义的影响。

三、绝对大小的关键字

这类关键字共有7个,他们的实际大小根据不同的浏览器及设备来决定。

◆xx-small
◆x-small
◆small
◆medium
◆large
◆x-large
◆xx-large

W3C建立建议浏览器开发公司,将每个关键字之间的比例设定为1.5。并推荐让这个比例保持恒定,妈medium是small的1.5倍。同样large是medium的1.5倍。

四、百分比

font-size属性值中使用百分比设置大小,将在容器对象文字大小的基础上进行改变。如果我们设置body的文字大小为10。我们设置p的文字大小为150%,则p的文字大小就为15。不管10是什么样的单位,百分比作为一种比例进行缩放调整。

到此,关于“CSS中font-size属性值有哪些种类”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!

--结束END--

本文标题: CSS中font-size属性值有哪些种类

本文链接: https://lsjlt.com/news/79469.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • CSS中font-size属性值有哪些种类
    这篇文章主要介绍“CSS中font-size属性值有哪些种类”,在日常操作中,相信很多人在CSS中font-size属性值有哪些种类问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解...
    99+
    2024-04-02
  • css中font-size属性有什么用
    小编给大家分享一下css中font-size属性有什么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!css font-size 属性font-size 属性设置...
    99+
    2023-06-17
  • 有哪些css font属性
    这篇文章主要介绍“有哪些css font属性”,在日常操作中,相信很多人在有哪些css font属性问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”有哪些css font属性”...
    99+
    2024-04-02
  • CSS中如何使用font-size属性
    CSS中如何使用font-size属性,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。CSS属性font-size详解CSS的字体样式设置相...
    99+
    2024-04-02
  • CSS的font-size属性有什么作用
    本文小编为大家详细介绍“CSS的font-size属性有什么作用”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS的font-size属性有什么作用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,...
    99+
    2024-04-02
  • CSS 视觉属性中的字体属性详解:font-family 和 font-size
    字体在网页设计中起着非常重要的作用,它直接影响到用户对网页内容的阅读和理解。在CSS中,可以通过font-family属性来指定字体的名称或字体族名称,以控制网页中所使用的字体。下面是一个代码示例:p { font-family: Ar...
    99+
    2023-10-21
    CSS属性 视觉属性 字体属性
  • CSS中的font-size属性的用法介绍
    这篇文章主要讲解了“CSS中的font-size属性的用法介绍”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS中的font-size属性的用法介绍”吧!...
    99+
    2024-04-02
  • CSS的font-size属性及其em值的使用方法
    这篇文章主要介绍“CSS的font-size属性及其em值的使用方法”,在日常操作中,相信很多人在CSS的font-size属性及其em值的使用方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方...
    99+
    2024-04-02
  • 在css中float属性有哪些属性值
    这篇“在css中float属性有哪些属性值”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“在css中float属性有哪些属性值”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接...
    99+
    2023-06-06
  • css中overflow属性的属性值有哪些
    css 中 overflow 属性有以下属性值:visible:允许内容溢出元素边框hidden:隐藏溢出的内容scroll:显示滚动条,允许滚动查看溢出内容auto:内容溢出时显示滚动...
    99+
    2024-04-28
    css overflow
  • css中display有哪些属性值
    css中display的属性值有inline、block、inline-block、none、flex、grid、table、inline-table、list-item或inherit等。详细介绍:1、inline,元素被显示为内联元素,...
    99+
    2023-11-14
    css display属性
  • css中position属性值有哪些
    position 属性指定元素的定位方式,包含以下值:static:元素在文档流中正常位置relative:相对原始位置移动,不影响其他元素absolute:从文档流中移除,根据父元素或...
    99+
    2024-04-26
    css position属性
  • css中margin属性有哪些值
    css 中的 margin 属性值有四种:1. auto(根据父元素和兄弟元素尺寸自动计算);2. length(指定具体长度值);3. percentage(相对父元素宽度或高度的百分...
    99+
    2024-04-28
    css
  • css中overflow属性值有哪些
    css overflow属性控制元素内容溢出时的处理方式,分别有:1. visible:超出边界显示;2. hidden:隐藏溢出内容;3. scroll:添加滚动条;4. auto:根...
    99+
    2024-04-28
    css overflow
  • css中display属性有哪些值
    css中的display属性控制元素的布局方式,它可以取的值包括:1.块级元素:block、inline-block;2.列表项:list-item;3.表格相关:table、table...
    99+
    2024-04-26
    css 排列
  • CSS中overflow属性的值有哪些
    小编给大家分享一下CSS中overflow属性的值有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   我们首先来看一下o...
    99+
    2024-04-02
  • CSS分类属性有哪些
    小编给大家分享一下CSS分类属性有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! CSS 分类属性准许你牵制如何闪现元素,...
    99+
    2024-04-02
  • css属性有哪些类型
    今天小编给大家分享一下css属性有哪些类型的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。css属性的分类:动画属性、转换属性...
    99+
    2023-07-05
  • CSS中position属性值有哪些用法
    这篇文章给大家介绍CSS中position属性值有哪些用法,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。CSS中position属性值用法CSS中position属性有4种可选值:st...
    99+
    2024-04-02
  • CSS position属性的值有哪些
    CSS position属性有以下几种值:1. static:默认值,元素按照正常的文档流进行排列,不受top、bottom、lef...
    99+
    2023-09-13
    CSS
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作