返回顶部
首页 > 资讯 > 精选 >css怎么设置fontfamily
  • 515
分享到

css怎么设置fontfamily

2023-06-14 19:06:35 515人浏览 独家记忆
摘要

小编给大家分享一下CSS怎么设置fontfamily,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!css的全称是什么css的全称是Cascading Style

小编给大家分享一下CSS怎么设置fontfamily,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

css的全称是什么

css的全称是Cascading Style Sheets(层叠样式表),它是一种用来表现html或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

css设置fontfamily的方法:首先创建一个HTML示例文件;然后在body中通过p标签定义一些文字;最后通过“p.serif{font-family:"Times New Roman",Georgia,Serif}”设置字体即可。

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

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

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

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

指定的系列名称:具体字体的名称,比如:"times"、"courier"、"arial"。通常字体系列名称:比如:"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"

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

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

css怎么设置fontfamily代码示例:

<html><head><style type="text/css">p.serif{font-family:"Times New Roman",Georgia,Serif}p.sansserif{font-family:Arial,Verdana,Sans-serif}</style></head><body><h2>CSS font-family</h2><p class="serif">This is a paragraph, shown in the Times New Roman font.</p><p class="sansserif">This is a paragraph, shown in the Arial font.</p></body></html>

效果:

css怎么设置fontfamily

以上是“css怎么设置fontfamily”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网精选频道!

--结束END--

本文标题: css怎么设置fontfamily

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

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

猜你喜欢
  • css怎么设置fontfamily
    小编给大家分享一下css怎么设置fontfamily,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!css的全称是什么css的全称是Cascading Style ...
    99+
    2023-06-14
  • jq怎么设置css
    这篇文章主要介绍了jq怎么设置css,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。jq设置css的方法:1、设置单个样式属性,代码为【$('#test').c...
    99+
    2023-06-14
  • js怎么设置css
    这篇文章主要介绍js怎么设置css,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!方法:1、引入jquery,使用css()方法设置css,语法“$("对象名").css("属性"...
    99+
    2023-06-14
  • css怎么设置斜体
    本篇内容介绍了“css怎么设置斜体”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • css怎么设置间距
    这篇文章主要讲解了“css怎么设置间距”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“css怎么设置间距”吧! 设置方法:1、使用...
    99+
    2024-04-02
  • css怎么设置图片
    css设置图片的方法:在css中可以使用background-image属性来设置图片。示例:<!DOCTYPE html><html><head><style>div{width:...
    99+
    2024-04-02
  • css怎么设置浮动
    小编给大家分享一下css怎么设置浮动,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!什么是csscss是一种用来表现HTML或XML等文件样式的计算机语言,主要是用...
    99+
    2023-06-14
  • css怎么设置楷体
    这篇文章将为大家详细讲解有关css怎么设置楷体,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。css设置楷体的方法:首先新建一个html文件;然后在html <style>标签中,输入css代码...
    99+
    2023-06-15
  • CSS怎么设置渐变
    小编给大家分享一下CSS怎么设置渐变,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!分别为线性渐变和径向渐变。渐变一般设置在背景,与元素相对应。以下为源码:<...
    99+
    2023-06-27
  • CSS怎么设置边框
    小编给大家分享一下CSS怎么设置边框,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!border:设置边框。如:设置边框为 2px,实线,红色。p{border:2...
    99+
    2023-06-27
  • css怎么设置行高
    今天小编给大家分享一下css怎么设置行高的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。表示行高的css属性是line-hei...
    99+
    2023-07-04
  • 怎么设置css样式
    CSS(层叠样式表)是Web开发中的基本组成部分之一,它使开发者可以对网页进行样式和布局的控制。对于新手来说,CSS学习起来可能会有一定难度,但是一旦掌握了基本的CSS设置方法,开发出更好的网页将变得更加容易。本文将分享一些关于如何设置CS...
    99+
    2023-05-14
  • css粗体怎么设置
    这篇“css粗体怎么设置”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“css粗体怎么设置”文章吧。在CSS中,我们可以使用f...
    99+
    2023-07-06
  • css怎么设置图片位置
    这篇文章主要介绍了css怎么设置图片位置,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。css是什么意思css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设...
    99+
    2023-06-14
  • 怎么设置css作用域
    这篇文章主要讲解了“怎么设置css作用域”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么设置css作用域”吧! 在css中,可...
    99+
    2024-04-02
  • css怎么设置div宽高
    这篇文章主要介绍“css怎么设置div宽高”,在日常操作中,相信很多人在css怎么设置div宽高问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css怎么设置div宽高”的疑惑...
    99+
    2024-04-02
  • CSS div间距怎么设置
    这篇文章主要介绍“CSS div间距怎么设置”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“CSS div间距怎么设置”文章能帮助大家解决问题。 一、打消凹凸机关隔...
    99+
    2024-04-02
  • CSS div怎么设置字体
    本篇内容介绍了“CSS div怎么设置字体”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! 残缺代码:&l...
    99+
    2024-04-02
  • DIV CSS的float:left怎么设置
    今天小编给大家分享一下DIV CSS的float:left怎么设置的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面...
    99+
    2024-04-02
  • CSS div靠下怎么设置
    这篇文章主要介绍“CSS div靠下怎么设置”,在日常操作中,相信很多人在CSS div靠下怎么设置问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS div靠下怎么设置”...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作