CSS属性 – font-weight(重要)

最新推荐文章于 2024-08-26 17:33:42 发布
原创 最新推荐文章于 2024-08-26 17:33:42 发布 · 2.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #前端

font-weight属性用于定义文字的粗细，其常见值包括数字100到900，normal（400）和bold（700）。此外，strong、b和h1到h6等标签默认应用bold样式。掌握这些值能帮助你更好地控制网页文本的视觉效果。

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

常见的取值

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

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

前端适配方案之 flexible.js 到 postcss-px-to-viewport-8-plugin插件演进
前端开发-前端技术分享
06-19 722
针对响应式布局开发中遇到的单位转换问题，从amfe-flexible到viewport方案的迁移方法。重点讲解了postcss-px-to-viewport-8-plugin插件的使用与配置，解决postcss版本升级导致的问题。文章提供了完整的vite+react项目配置示例，包括postcss.config.js的设置要点和实际代码应用，并强调viewportWidth需与设计稿宽度保持一致。最后给出了详细的CSS样式代码，展示如何实现基于viewport单位的响应式布局。
【CSS】---- CSS 实现超过固定高度后出现展开折叠按钮
止于至善
01-16 1325
学习使用 CSS 函数 clamp 函数，此函数不但能作为区间取值，还可以作为一种判断；此效果采用的纯 CSS 实现，减少了 JS 操作判断；需要待解决问题，就是临界值 200px 的时候，刚好 200px 不应该显示按钮，超出200px才显示，这个目前还在思考解决办法。
深入了解font-weight
凹凸实验室
11-08 3850
问题提出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...
（7）css常用属性2
Java田根旺
11-25 4500
一、font-weight属性 1.1font-weight属性的作用 作用：设置文字是否加粗显示。 属性名：font-weight，属于 font 属性的一个单一属性。 属性值有两种方式：单词类型、数字类型。 1.2font-weight属性单词类型 属性值：normal：默认值，定义标准的字体 bold：定义粗体字符，b、strong标签的默认值。 bolder：定义更粗的字体 lighter：定义更细的字体 示例： 定义4个p标签 <body> <
html字体属性
wqx88888888的博客
02-27 1351
如果用于字号，相对于父元素的字号进行计算。九级自重：100~900；注意：如果字体名称里包含空格、汉字、特殊符号，必须加引号“”如果浏览器不支持第一个字体，则会尝试下一个字体（回退机制）1、字体 font-family:”宋体” simsun。长度值（px）：16px（浏览器默认字体为16像素）注意：只有当字号和字体系列同时存在时简写才生效。取值：一个字体名称微软雅黑浏览器的默认字体。**注意**：不是所有字体都内置了九级字重。语法：字体风格字体加粗字号/行高 字体；取值：normal正常显示（默认值）
CSS font-weight
elevent_zhao的博客
11-02 554
CSS font-weight概述值相对粗细值的解析常见粗细值名称和数值对应 概述 font-weight CSS 属性指定了字体的粗细程度。 一些字体只提供 normal 和 bold 两种值 值 normal 正常粗细。与400等值。 bold 加粗。 与700等值。 lighter 比从父元素继承来的值更细(处在字体可行的粗细值范围内)。 bolder 比从父元素继承来的值更粗 (处在字体可行的粗细值范围内)。 一个介于 1 和 1000 (包含) 之间的 类型值。更大的数值代表字体重量粗于更小的
Font-weight
qq_39122996的博客
02-18 2万+
font-weight 字体浓淡(粗细)属性，该CSS属性用来设定字体的浓淡程度。 值：normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit 如果值为 bolder 或者 lighter，则是相对其父对象来说的。 如果父对象的值为 normal，子对象...
.score-cell { text-align: center; font-weight: bold; color: #1a5fb4; } 这个 决定什么
最新发布
11-15
font-weight: bold; /* 字体加粗 */ color: #1a5fb4; /* 字体颜色设为蓝色（一种深蓝色） */ } ``` 这个样式应用在评分表格右侧“得分”那一列的所有单元格上，用来 **统一控制“打分区域”的视觉效果**。 --- ...
【CSS所有属性及用法】
qq_38869966的博客
08-26 1579
@[TOC]CSS所有属性及用法CSS（层叠样式表）具有丰富的属性，以下是对一些主要属性的介绍及用法：一、字体属性1. font-family ：指定文本的字体。二、文本属性1. color ：设置文本颜色。三、背景属性1. background-color ：设置背景颜色。四、边框属性1. border-width ：设置边框的宽度。五、盒模型属性1. width 和 height ：分别设置元素的宽度和高度。六、布局属性1. display ：确定元素的显示类型，如块级、行内、行内块等。七、
font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50;
08-12
首先，用户的问题是：“我想Understanding or applying CSS font styling techniques 请问CSS font-family and text styling best practices”，翻译成中文是：“我想了解或应用CSS字体样式技术，请问CSS font-...
font-weight
立业的博客
12-16 5925
■ 定义 font-weight属性用于设置文字字体的粗细 ■ 使用说明 属性值： 　　normal: 默认值，不加粗 　　bold: 定义粗体，加粗 　　100-900：400等同于normal，而700等同于bold，注意这个数字后面不跟单位(推荐) 通过该属性，可让加粗标签(如<h>或<strong>)不加粗，或让其他标签加粗 实际开发中，更提倡用数字表示粗细 ■ ...
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 font-wight,CSS font-weight
weixin_39574050的博客
08-03 286
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...
font-weight bold和bolder区别
Xiaoming's Blog
03-14 1万+
font-weight 字体浓淡(精细)属性，该CSS属性用来设定字体的浓淡程度。 值：normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit 如果值为 bolder 或者 lighter，则是相对其父对象来说的。如果父对象的值为 normal，子对象值设为 bolder，则最终以 bold，即粗体显示。 字体浓淡属性是根据用户电脑上安装的字体相应匹配改变的。在很多情况
‘font-weight’属性
sinat_38992528的博客
04-09 7918
字体粗细：‘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
戈文文的博客
02-10 312
strong、b、h1~h6等标签的font-weight默认就是bold
在 CSS 中，`font-weight` 属性用于设置文本的粗细。
2302_82146345的博客
06-14 1243
相对粗细（如 `lighter` 和 `bolder`）相对于父元素的 `font-weight` 来计算，如果父元素没有明确设置 `font-weight`，则会使用默认值（通常是 `normal`）。- 尽量使用关键字值（如 `normal` 和 `bold`），因为它们更易于理解和维护。- `800` 到 `900` 之间的数值用于非常加粗的字体效果。- `100` 到 `400` 之间的数值对应于正常粗细的字体。- `500` 到 `700` 之间的数值对应于加粗的字体。
font-weight属性
weixin_30655569的博客
07-10 854
normal：默认值，定义的是标准字符的字重； bold：定义粗体字符； bolder：定义更粗体的字符； lighter：定义更细的字符； 100 200 300 400 500 600 700 800 900：值越大字符越粗，400等同于normal，700等同于bold； inherit：继承父元素的字体的粗细； 原文：http://www.w3school.com.c...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值