css中字体怎么设置

在css中可以通过“font-family”属性来设置字体,“font-family”可以把多个字体名称作为一个“回退”系统来保存,其使用语法如“font-family:”Times New Roman”,Georgia,Serif;”。

css中字体怎么设置

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

font-family 规定元素的字体系列。

font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。

有两种类型的字体系列名称:

立即学习“前端免费学习笔记(深入)”;

指定的系列名称:具体字体的名称,比如:”times”、”courier”、”arial”。

通常字体系列名称:比如:”serif”、”sans-serif”、”cursive”、”fantasy”、”monospace”

提示:使用逗号分割每个值,并始终提供一个类族名称作为最后的选择。

注意:使用某种特定的字体系列(Geneva)完全取决于用户机器上该字体系列是否可用;这个属性没有指示任何字体下载。因此,强烈推荐使用一个通用字体系列名作为后路。

af76c01e3b1f100bc53fa34e4c53a7f.png

为段落设置字体-示例:

p.serif{font-family:"Times New Roman",Georgia,Serif}p.sansserif{font-family:Arial,Verdana,Sans-serif}

CSS font-family

This is a paragraph, shown in the Times New Roman font.

This is a paragraph, shown in the Arial font.

登录后复制

运行效果:

c9dc3113146044ea263f6596e4f16dc.png

【推荐学习:css视频教程】

以上就是css中字体怎么设置的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2953026.html

(0)
上一篇 2025年3月11日 23:53:27
下一篇 2025年3月1日 19:55:14

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • css怎么去掉颜色

    css去掉颜色的方法:首先打开相应的前端代码文件;然后通过添加“background-color:transparent;”样式即可去掉背景颜色。 本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3…

    2025年3月11日
    200
  • 怎么解决css文件乱码问题

    css文件乱码的解决办法就是将css编码和html页面编码统一起来,方法如:1、用记事本打开源码,编码另存为“ANSI”;2、用记事本打开源码,编码另存为“UTF-8”。 本文操作环境:windows7系统、HTML5&&C…

    2025年3月11日
    200
  • css怎么实现英文不换行

    css实现英文不换行的方法:首先创建一个HTML示例文件;然后在body中定义一些英文内容;最后通过添加“white-space:nowrap;”属性实现英文不换行效果。 本文操作环境:windows7系统、HTML5&&C…

    2025年3月11日
    200
  • css放在哪里

    css可以放的位置有三种,分别是:1、放在元素标签的style属性中,仅对当前元素有效;2、放在当前页面头部的head标签的style标签中,仅对当前页面所有元素有效;3、放在独立的CSS文件中,对所有引入该文件的页面均有效。 本文操作环境…

    2025年3月11日
    200
  • css怎么让样式失效

    css让样式失效的方法:首先创建一个HTML示例文件;然后使用div标签创建一行文字,并给该文字添加css样式;最后使用css注释符“/* */”对需要失效的css代码进行注释即可。 本文操作环境:windows7系统、HTML5&…

    2025年3月11日 编程技术
    200
  • css怎么实现隐藏并占位

    在css中可以通过“visibility:hidden;”属性来实现元素占位隐藏,其中visibility属性规定元素是否可见,这个属性指定是否显示一个元素生成的元素框;这意味着元素仍占据其本来的空间,不过可以完全不可见。 本文操作环境:w…

    2025年3月11日
    200
  • css怎么设置颜色渐变

    css设置颜色渐变的方法:1、使用css3中的“Linear Gradients”属性实现颜色线性渐变;2、通过css3中的“Radial Gradients”属性实现颜色径向渐变。 本文操作环境:windows7系统、HTML5&…

    2025年3月11日
    200
  • css怎么实现溢出隐藏

    css实现溢出隐藏的方法:1、给元素添加“overflow: hidden;”样式,设置当内容溢出元素框时,将溢出部分修剪并隐藏;2、给元素添加“text-overflow:ellipsis;”样式,将被修剪的内容(隐藏内容)用省略符号“&…

    2025年3月11日 编程技术
    200
  • css怎么去掉属性

    css去掉属性的方法:首先打开相应的前端代码文件;然后找到需要去除的属性值;最后通过给某个关键字设置unset属性即可实现去掉指定属性效果。 本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。…

    2025年3月11日
    200
  • css样式not怎么设置

    css样式not的设置方法:首先新建一个html文件;然后使用li标签创建一个列表,并设置第二个li标签的class为mycss;最后在css标签内,通过li标签名称和“:not”选择器选择class不为mycss的li元素即可。 本文操作…

    2025年3月11日 编程技术
    200

发表回复

登录后才能评论