iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >CSS中怎么设置字体属性
  • 904
分享到

CSS中怎么设置字体属性

2024-04-02 19:04:59 904人浏览 八月长安
摘要

CSS中怎么设置字体属性,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。CSS字体CSS字体(font)属性定义文本中的字体。设置CSS字体

CSS中怎么设置字体属性,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

CSS字体

CSS字体(font)属性定义文本中的字体。

设置CSS字体属性是样式表的最常见用途之一。CSS字体属性允许您设置字体系列(font-family)和字体加粗(font-weight),您还可以设置字体的大小、字体风格(如斜体)和字体变形(如小型大写字母)。

指定CSS字体

可以使用font-family属性在文档中采用某种字体系列。

使用通用CSS字体系列

如果你希望文档使用一种sans-serif字体,但是你并不关心是哪一种字体,以下就是一个合适的声明:

body{font-family:sans-serif;}这样用户代理就会从sans-serif字体系列中选择一个字体(如Helvetica),并将其应用到body元素。因为有继承,这种字体选择还将应用到body元素中包含的所有元素,除非有一种更特定的选择器将其覆盖。

指定CSS字体系列

除了指定通用的字体系列,您还可以通过font-family属性设置更具体的字体。

下面的例子为所有h2元素设置了Verdana字体:

h2{font-family:Georgia;}

这样的规则同时会产生另外一个问题,如果用户代理上没有安装Georgia字体,就只能使用用户代理的默认字体来显示h2元素。

我们可以通过结合特定字体名和通用字体系列来解决这个问题:

h2{font-family:Georgia,serif;}

如果读者没有安装Georgia,但安装了Times字体(serif字体系列中的一种字体),用户代理就可能对h2元素使用Times。尽管Times与Georgia并不完全匹配,但至少足够接近。

因此,我们建议在所有font-family规则中都提供一个通用CSS字体系列。这样就提供了一条后路,在用户代理无法提供与规则匹配的特定字体时,就可以选择一个候选字体。

如果您对字体非常熟悉,也可以为给定的元素指定一系列类似的字体。要做到这一点,需要把这些字体按照优先顺序排列,然后用逗号进行连接:

p{font-family:Times,TimesNR,'NewCenturySchoolbook',  Georgia,'NewYork',serif;}

根据这个列表,用户代理会按所列的顺序查找这些字体。如果列出的所有字体都不可用,就会简单地选择一种可用的serif字体。

使用引号

您也许已经注意到了,上面的例子中使用了单引号。只有当一个CSS字体名中有一个或多个空格(比如NewYork),或者如果字体名包括#或$之类的符号,才需要在font-family声明中加引号。

单引号或双引号都可以接受。但是,如果把一个font-family属性放在html的style属性中,则需要使用该属性本身未使用的那种引号。

关于CSS中怎么设置字体属性问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注编程网node.js频道了解更多相关知识。

--结束END--

本文标题: CSS中怎么设置字体属性

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

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

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • CSS中怎么设置字体属性
    CSS中怎么设置字体属性,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。CSS字体CSS字体(font)属性定义文本中的字体。设置CSS字体...
    99+
    2024-04-02
  • 怎么在css中使用font属性设置字体颜色
    今天就跟大家聊聊有关怎么在css中使用font属性设置字体颜色,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。css的font字体颜色设置方法:新建一个html文件,命名为test.h...
    99+
    2023-06-14
  • css中有什么属性可以设置字体样式
    这篇文章给大家分享的是有关css中有什么属性可以设置字体样式的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。css的选择器有哪些css的选择器可以分为三大类,即id选择器、class选择器、标签选择器。它们之间可以...
    99+
    2023-06-14
  • Css字体属性和文本属性怎么用
    这篇文章主要为大家展示了“Css字体属性和文本属性怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Css字体属性和文本属性怎么用”这篇文章吧。字体属性:主要...
    99+
    2024-04-02
  • css中是通过什么属性来设置字体粗细的
    小编给大家分享一下css中是通过什么属性来设置字体粗细的,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!css设置字体粗细的属性是font-weight属性,该属性...
    99+
    2023-06-14
  • 怎么在css中设置字体
    今天就跟大家聊聊有关怎么在css中设置字体,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。css字体设置的方法:1、字体大小设置字体大小设置,常见的有四种不同的方法:body{font...
    99+
    2023-06-14
  • CSS中怎么设置 margin属性
    今天就跟大家聊聊有关CSS中怎么设置 margin属性,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。CSS margin属性设置外边距的最简单的方法...
    99+
    2024-04-02
  • css设置字体大小的属性名是哪个
    这篇文章主要为大家展示了css设置字体大小的属性名是哪个,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“css设置字体大小的属性名是哪个”这篇文章吧。css是什么意思css是一种用来表现HTML或X...
    99+
    2023-06-06
  • html如何设置字体属性
    这篇文章给大家分享的是有关html如何设置字体属性的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。html设置字体属性的方法:首先在html文件中,建立一个h2标签;然后在style中写css样式;接着设置文字大小...
    99+
    2023-06-15
  • CSS中怎么设置字体大小
    这篇文章将为大家详细讲解有关CSS中怎么设置字体大小,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。PX为单位在Web页面初期制作中,我们都是使用“px”来设...
    99+
    2024-04-02
  • CSS中怎么设置背景属性
    这篇文章主要为大家展示了“CSS中怎么设置背景属性”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“CSS中怎么设置背景属性”这篇文章...
    99+
    2024-04-02
  • css中怎么设置字体颜色
    本篇文章给大家分享的是有关css中怎么设置字体颜色,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。font-size:18px;:设置字号col...
    99+
    2024-04-02
  • CSS中怎么设置字体尺寸
    今天就跟大家聊聊有关CSS中怎么设置字体尺寸,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。常用单位在CSS中可以用很多不同的方式来设定字体的尺寸。一...
    99+
    2024-04-02
  • 如何在html中设置字体的属性
    这篇文章给大家介绍如何在html中设置字体的属性,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。html中设置字体的属性:font、font-family、font-size、font-style、font-varian...
    99+
    2023-06-15
  • CSS div怎么设置字体
    本篇内容介绍了“CSS div怎么设置字体”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! 残缺代码:&l...
    99+
    2024-04-02
  • CSS outline属性怎么设置
    CSS的outline属性用于设置一个元素的轮廓样式,它不占据空间,并且不会影响元素的布局。outline的值可以有以下几种:1. ...
    99+
    2023-09-05
    CSS
  • CSS background属性怎么设置
    CSS的background属性用于设置元素的背景样式,可以设置背景的颜色、图片、位置、重复等。下面是background属性的常见...
    99+
    2023-09-05
    CSS
  • 如何在css中可以通过“font-family”属性来设置字体
    这篇文章给大家分享的是有关如何在css中可以通过“font-family”属性来设置字体的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。在css中可以通过“font-family”属性来设置字体,“font-fam...
    99+
    2023-06-14
  • CSS字体属性有哪些
    这篇文章给大家分享的是有关CSS字体属性有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 属性 刻划 CSS font 在一个申明中配...
    99+
    2024-04-02
  • css布局中怎么设置中文字体
    这篇文章主要介绍“css布局中怎么设置中文字体”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“css布局中怎么设置中文字体”文章能帮助大家解决问题。 1、不克不及随...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作