广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >css常用的字体属性是什么
  • 423
分享到

css常用的字体属性是什么

2024-04-02 19:04:59 423人浏览 薄情痞子
摘要

本篇内容主要讲解“CSS常用的字体属性是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css常用的字体属性是什么”吧! css常

本篇内容主要讲解“CSS常用的字体属性是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css常用的字体属性是什么”吧!

css常用的字体属性有:1、“font-family”可指定字体类型;2、“font-size”可设置字体大小;3、“font-style”可设置字体风格;4、“font-weight”;5、“font-variant”;6、“font”。

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

css字体属性

属性说明CSS
font在一个声明中设置所有字体属性1
font-family规定文本的字体系列1
font-size规定文本的字体尺寸1
font-style规定文本的字体样式1
font-variant规定文本的字体样式1
font-weight规定字体的粗细1
@font-face一个规则,允许网站下载并使用其他超过"WEB- safe"字体的字体3
font-size-adjust为元素规定 aspect 值3
font-stretch收缩或拉伸当前的字体系列3

下面给大家仔细介绍一些常用的字体属性。

一、font-family

该属性用于指定文字的字体类型,如宋体、黑体、隶书、楷体、Times New Roman等。具体的语法如下:

{font-family:name;}

其中,name是字体的名称。如:{font-family: 宋体;}

二、font-size

该属性用来设置文字的大小。具体的语法格式如下:

{font-size:数值  | xx-small | x-small | small | medium | large | x-large 
    | xx-large | larger | smaller | lentgth | inherit;}

这些参数代表的意义分别是:像素数值、最小、较小、小、正常、大、较大、最大、相对字体尺寸、相对字体尺寸、百分比、继承。

三、font-style

该属性是用来定义字体的风格,即字体的显示样式。具体的语法如下:

{font-style: nORMal | intalic | oblique | inherit;}

其中属性值分别表示默认值、斜体、倾斜、继承。

四、font-weight

该属性用来定义字体的粗细程度,具体的语法如下:

{font-weight: 100-900 | bold | bolder | lighter | normal;}

其中的属性值分别表示数值、粗体、更粗、更细、默认。

五、font-variant

该属性用于设置大写字母的字体显示。具体的语法格式如下:

{font-variant: normal | small-caps | inherit;}

其中的参数值分别表示默认值、显示小型大写字母的字体、继承。

六、font

该属性可以一次性使用多个属性来定义文本字体,是字体的复合属性。具体语法如下:

{font: font-style | font-variant | font-weight | font-size | font-family;}

到此,相信大家对“css常用的字体属性是什么”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

--结束END--

本文标题: css常用的字体属性是什么

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

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

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

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

下载Word文档
猜你喜欢
  • css常用的字体属性是什么
    本篇内容主要讲解“css常用的字体属性是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css常用的字体属性是什么”吧! css常...
    99+
    2022-10-19
  • css常用font字体属性是什么
    这篇文章主要介绍“css常用font字体属性是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“css常用font字体属性是什么”文章能帮助大家解决问题。css f...
    99+
    2022-10-19
  • CSS字体属性简写规则是什么
    这篇文章主要介绍CSS字体属性简写规则是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!CSS字体属性简写规则一般用CSS设定字体属性是这样做的:font-weight:bold;...
    99+
    2022-10-19
  • 常用CSS字体样式属性有哪些
    小编给大家分享一下常用CSS字体样式属性有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!1. CSS字体样式属性1.1 fo...
    99+
    2022-10-19
  • Css字体属性和文本属性怎么用
    这篇文章主要为大家展示了“Css字体属性和文本属性怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Css字体属性和文本属性怎么用”这篇文章吧。字体属性:主要...
    99+
    2022-10-19
  • css常用的字体组合是什么
    这篇文章主要介绍了css常用的字体组合是什么,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 font-family 属性应该使用若干种字体...
    99+
    2022-10-19
  • CSS的字体属性有哪些
    小编给大家分享一下CSS的字体属性有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! 属性刻画 font 简写属性。...
    99+
    2022-10-19
  • css中是通过什么属性来设置字体粗细的
    小编给大家分享一下css中是通过什么属性来设置字体粗细的,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!css设置字体粗细的属性是font-weight属性,该属性...
    99+
    2023-06-14
  • CSS中怎么设置字体属性
    CSS中怎么设置字体属性,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。CSS字体CSS字体(font)属性定义文本中的字体。设置CSS字体...
    99+
    2022-10-19
  • css隐藏文字的属性是什么
    这篇文章主要介绍了css隐藏文字的属性是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇css隐藏文字的属性是什么文章都会有所收获,下面我们一起来看看吧。首先创建一个html文件。在html文件中添加html...
    99+
    2023-07-04
  • CSS布局中常用的文字排版相关属性是什么
    这篇文章主要介绍了CSS布局中常用的文字排版相关属性是什么,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。  ...
    99+
    2022-10-19
  • CSS中的字体属性的使用方法
    这篇文章主要讲解了“CSS中的字体属性的使用方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS中的字体属性的使用方法”吧! 字体族 font...
    99+
    2022-10-19
  • CSS及其常见属性是什么
    今天给大家介绍一下CSS及其常见属性是什么。文章的内容小编觉得不错,现在给大家分享一下,觉得有需要的朋友可以了解一下,希望对大家有所帮助,下面跟着小编的思路一起来阅读吧。 CSS是层叠式样式表,它的功能是...
    99+
    2022-10-19
  • css设置字体大小的属性名是哪个
    这篇文章主要为大家展示了css设置字体大小的属性名是哪个,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“css设置字体大小的属性名是哪个”这篇文章吧。css是什么意思css是一种用来表现HTML或X...
    99+
    2023-06-06
  • CSS中文字相关属性是什么
    这篇文章给大家分享的是有关CSS中文字相关属性是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。   文本大小{font-size:12px/14px/16px}   说明...
    99+
    2022-10-19
  • css改变字体的属性有哪些
    本篇内容介绍了“css改变字体的属性有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!css改变字体的属性:font、font-famil...
    99+
    2023-07-04
  • css有哪些改变字体的属性
    本篇内容主要讲解“css有哪些改变字体的属性”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css有哪些改变字体的属性”吧! css改...
    99+
    2022-10-19
  • Css的字体样式属性有哪些
    这篇文章给大家分享的是有关Css的字体样式属性有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。CSS 属性: 字体样式(Font Style)1 字体样式 {font:fon...
    99+
    2022-10-19
  • css中有什么属性可以设置字体样式
    这篇文章给大家分享的是有关css中有什么属性可以设置字体样式的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。css的选择器有哪些css的选择器可以分为三大类,即id选择器、class选择器、标签选择器。它们之间可以...
    99+
    2023-06-14
  • css属性中float属性的作用是什么
    本教程操作环境:Windows10系统、CSS3版、DELL G3电脑css属性中float属性的作用是什么?float,css的一种属性,主要属性值为:left(左浮动)、none(不浮动)、right(右浮动)、inherit(继承父元...
    99+
    2023-05-14
    float css
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作