CSS属性 – font-weight(重要)

最新推荐文章于 2024-07-06 00:45:26 发布
最新推荐文章于 2024-07-06 00:45:26 发布
阅读量2.3k 收藏
点赞数
分类专栏： 前端学习小记 文章标签： css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/coolchaobing/article/details/125985423
版权
font-weight属性用于定义文字的粗细，其常见值包括数字100到900，normal（400）和bold（700）。此外，strong、b和h1到h6等标签默认应用bold样式。掌握这些值能帮助你更好地控制网页文本的视觉效果。
摘要由CSDN通过智能技术生成

font-weight用于设置文字的粗细（重量）

常见的取值

  • 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 ：每一个数字表示一个重量；
  • normal：等于400；
  • bold：等于700；

strong、b、h1~h6等标签的font-weight默认就是bold

coolchaobing
关注
专栏目录
【CSS所有属性及用法】
qq_38869966的博客
08-26 1110
@[TOC]CSS所有属性及用法CSS（层叠样式表）具有丰富的属性，以下是对一些主要属性的介绍及用法：一、字体属性1. font-family ：指定文本的字体。二、文本属性1. color ：设置文本颜色。三、背景属性1. background-color ：设置背景颜色。四、边框属性1. border-width ：设置边框的宽度。五、盒模型属性1. width 和 height ：分别设置元素的宽度和高度。六、布局属性1. display ：确定元素的显示类型，如块级、行内、行内块等。七、
窥探css-loader与style-loader的作用
厦门在乎科技
11-06 1441
前言 大家伙都清楚在使用webpack构建前端项目时都会使用到sass-loader、less-loader、postcss-loader、css-loader、style-loader，但这些loader在其中起到什么作用呢？本篇主要阐述css-loader与style-loader的作用和实现，加深对loader的理解。 css-loader css-loader会对@import和url()进行处理，就像js解析import/require()一样，默认生成一个数组存放存放处理...
深入了解font-weight
凹凸实验室
11-08 3302
问题提出font-weight的属性值有100、200、300、400、500、600、700、800、900和normal、bold、lighter、bolder，它们的区别是？另外，在实际开发中，我们应该使用数值表达还是文字表达呢？认识font-weight根据W3C Fonts节章的规范标准，可知：font-weight可取值：100～900和normal、bold、bolder、light...
CSS font-weight
elevent_zhao的博客
11-02 376
CSS font-weight概述值相对粗细值的解析常见粗细值名称和数值对应 概述 font-weight CSS 属性指定了字体的粗细程度。 一些字体只提供 normal 和 bold 两种值 值 normal 正常粗细。与400等值。 bold 加粗。 与700等值。 lighter 比从父元素继承来的值更细(处在字体可行的粗细值范围内)。 bolder 比从父元素继承来的值更粗 (处在字体可行的粗细值范围内)。 一个介于 1 和 1000 (包含) 之间的 类型值。更大的数值代表字体重量粗于更小的
css font-wight,CSS font-weight
weixin_39574050的博客
08-03 210
CSS font-weightRunStack editorUnstack editorExamplep {font-size: 2em;}.bold {font-weight: bold;}Normal text. Bold text. Normal again.The CSS font-weight property is used for specifying the weight of t...
CSS 字体粗细 font-weight属性
热门推荐
歪脖先生的博客
02-13 6万+
字体粗细在CSS中，通过 font-weight属性 用来设置字体的粗细值，取值为 lighter | normal | bold | bolder，默认为 normal。lighter 为细体，normal 为正常粗细，bold 为粗体，bolder 为特粗体。如：.lighter { font-weight: lighter;} .normal { font-weight: nor...
css div里引用em字体会变斜体_CSS文字加粗斜体[解决代码]
weixin_28736335的博客
12-29 760
CSS如何给文字加粗，这是小白常见的问题，今天俺跟大家总结分享。标签解决办法一般老的浏览器可能会使用类似或来加粗文字用来设置斜体，例如以下代码：加粗字体加粗字体斜体但是此办法语义化不是很好，设置字体加粗推荐使用下面的另外一种方法。CSS解决设置font-weight也可以用来给字加粗，而且在实际项目中使用这种方法更多。参数值normal : 正常的字体。相当于number为400。声明此值将取消之...
CSS基础笔记
weixin_45915971的博客
08-07 178
1.CSS概述 层叠样式表，用来美化HTML页面 2.div、span、p标签 这三个标签都可看做成容器，用来包裹其他HTML内容，被包裹的内容可以统一通过CSS来添加样式。 div ：独占一行 Span：可以同行显示 P ：独占一行，但是上下留有一些空白 3.在HTML 有3中引入CSS的方法 （1）在标签上添加style属性引入CSS 这种凡是不推荐大量使用，会造成页面混乱 style="border: 2px solid #ff0000; -----边框大小2像素，颜色为红色 font-size:
CSS高级技巧
一只小白657的博客
10-24 2576
CSS高级技巧一.精灵图1.1为什么需要精灵图1.2精灵图的使用二.字体图标三.CSS三角四.CSS用户界面样式五. vertical-align属性应用六.溢出的文字省略号显示七.常见布局技巧 一.精灵图 1.1为什么需要精灵图 一个网页图片过多时，服务器频繁地接收发送请求图片，会造成服务器请求压力过大，将大大降低页面的加载速度。 css精灵图技术（也叫CSS Sprites、CSS雪碧），可以有效地减少服务器接收和发送请求地次数，提高页面的加载速度 核心原理：将网页中的一些小背景图像整合到一张大图中，这
HTML字体以及图标字体iconfont、Font Awesome的使用
qq_461491877的博客
11-07 2265
字体 • 通过font-family可以指定标签中文字使用的字体。 • 例如： p{font-family:Arial} ​ 上边这行代码指定了p标签中使用名为arial作为字体 • 一般来说只有用户计算机中安装了我们指定的字体时，它才会显示，否则这行代码是没有意义的。 • 通过font-family可以同时指定多个字体。 • 例如： p{font-family:Arial , Helvetica , sans-serif} • 如上我实际上指定了三种字体，那么到底使用的是哪个呢？浏览器会优
css字体粗细font-weight属性
最新发布
2301_76255666的博客
07-06 326
在html中使用<strong></strong>或<b></b>标记来设置字体加粗。在CSS中可以使用font-weight属性设置文本字体的粗细。
【CSS】CSS 文本样式 ② ( font 字体设置 | CSS 2.0手册使用 | font-weight 字体粗细设置 | font-style 字体斜体设置 | font 字体样式综合写法 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
02-28 7683
一、 CSS 2.0手册使用 1、 按照文档层次查找 2、 搜索关键字查找文档 二、 font-weight 字体粗细设置 1、 语法简介 2、 代码示例 三、 font-style 字体斜体设置 1、 语法简介 2、 代码示例 四、 font 字体样式综合写法 1、 语法简介 2、 代码示例 ① 不使用综合字体样式的代码 ② 使用综合字体样式的代码 ③ 执行效果
font-weight
立业的博客
12-16 5801
■ 定义 font-weight属性用于设置文字字体的粗细 ■ 使用说明 属性值： 　　normal: 默认值，不加粗 　　bold: 定义粗体，加粗 　　100-900：400等同于normal，而700等同于bold，注意这个数字后面不跟单位(推荐) 通过该属性，可让加粗标签(如<h>或<strong>)不加粗，或让其他标签加粗 实际开发中，更提倡用数字表示粗细 ■ ...
‘font-weight’属性
sinat_38992528的博客
04-09 7404
字体粗细：‘font-weight’属性 名称： font-weight 取值： normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 初始： normal 适用于： 所有元素 继承： 是 百分比： （不适用） 媒介： 视觉 计算值： 详见描述 动画： - ‘font-weight’属性执行字体中字形的重量，这取决于黑度等级或笔划粗细。 其值的意义如下： 100至900 ...
CSS font-weight字重数值及对应的字重描述词语
weixin_44443380的博客
05-10 556
2、此外，还有一些关键字可以用于。1、以下是一些常见的。
CSS属性 - 字体_font-weight
戈文文的博客
02-10 267
strong、b、h1~h6等标签的font-weight默认就是bold
3.5 字体粗细font-weight
mmsx2017的博客
03-18 1368
一、font-weight属性 在CSS中，使用font-weight属性来定义字体粗细。 字体粗细和字体大小（font-size）是不一样的，粗细指的是字体的“肥胖”，大小指的是高和宽。 语法： font-weight:粗细值; font-weight属性值 说明 normal 默认值，正常体 lighter 较细 bold 较粗 bolder 很粗（其实效...
CSS常用属性-3.1字体文字-1.字体font-family-2.尺寸font-size-3.样式font-style-4.粗细font-weight-5.简写属性font
qq_44280574的博客
08-22 680
1.字体 使用font-family属性来定义文字的字体 属性值为字体的名称，可以设置多个字体名称，浏览器会按照顺序使用它第一个支持的字体（本地电脑有没有安装改字体） 相当于 字体优先级列表 介绍几个常用的字体： 1.常用的英文字母字体 衬线字体serif ; 从显示形状来说，比较花哨，在字体边缘有一些修饰的效果，主要是用于标题的显示 非衬线字体sans-serif; 比较圆润，在显示上，没有花哨的修饰，一般用于正文的显示 等宽字体 每个字体都等宽 font-family: monospace;/
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值