1.基础语法

font-weight 属性设置文本的粗细。使用 bold 关键字可以将文本设置为粗体。关键字包含 100 ~ 900指定了 9 级加粗度。如果一个字体内置了这些加粗级别,那么这些数字就直接映射到预定义的级别,100 对应最细的字体变形,900 对应最粗的字体变形。数字 400 等价于 normal,而 700 等价于 bold。

如果将元素的加粗关键字设置为 bolder,浏览器会设置比所继承值更粗的一个字体加粗;关键字lighter与此相反。

代码示例

小白教程网www.2d5.net如下:

p.normal {font-weight:normal;}

p.thick {font-weight:bold;}

p.thicker {font-weight:900;}

2.小程序应用

根据基础的语法,下面在微信小程序中实现字体加粗的定义。

.wxml文件代码示例

小白教程网www.2d5.net如下:

默认字体

字体 normal

字体 bold

字体 100

字体 500

字体 900

.wxss文件代码示例

小白教程网www.2d5.net如下:.cls1{

font-weight: normal;

}

.cls2{

font-weight: bold;

}

.cls3-a{

font-weight: 100;

}

.cls3-b{

font-weight: 500;

}

.cls3-c{

font-weight: 900;

}

效果如图3-20所示。

php font 字体加粗,字体加粗(font-weight)相关推荐

  1. C#实现利用单选框实现更改文本的richTextBox字体、大小、加粗

    功能 C#实现利用单选框实现更改文本的richTextBox字体.大小.加粗 程序 using System; using System.Collections.Generic; using Syst ...

  2. iOS 加粗字体方法 (不改变字体字号只加粗文字)

    /*** 加粗字体方法 * label 要加粗的 UILabel* BOOL YES = 加粗字体 NO = 去掉字体加粗*/- (void)jiaCuFontFormLabel:(UILabel * ...

  3. 【PIL处理图片】小技巧之画虚线、加粗字体、长文本自动分行(符号处理)

    [PIL处理图片]系列文章目录 小技巧之图片透明渐变处理 小技巧之画虚线.加粗字体.长文本自动分行(符号处理) 小技巧之圆角边框处理 上一篇介绍了图片渐变蒙版处理,还有一些其他的小技巧,一起在这里介绍 ...

  4. Markdown (CSDN) MD编辑器(二)- 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)

    目录 1.Markdown现有的文本样式. 2.HTML的font标签-改字体.字体颜色.字体大小. 3.HTML的mark标签-标记文本 4.HTML的strong标签-加粗文本 5.HTML的em ...

  5. EasyExcel 设置字体样式(字体、字体大小、字体颜色、字体加粗、字体斜体、字体下划线、字体上标下标、字体删除线)

    1 Maven配置 <!--hutool工具包--><dependency><groupId>cn.hutool</groupId><artifa ...

  6. html左侧td字体居右,如何在td中控制字体右对齐 且加粗_html/css_WEB-ITnose

    800 居右对齐已经实现了,怎么实现字体加粗呢 ?? 谢谢 回复讨论(解决方案) 像这样的问题,楼主最好是先在网上找找答案!这才是好的学习方法 font-weight允许值 normal | bold ...

  7. html字体怎么变大变粗,ppt如何加粗字体更粗 幻灯片的艺术字怎么把字体变粗?...

    怎么样能使PPT中所有的字体一次性加粗,用CTRA+A全选只能选中幻灯片而不在电脑桌面上找到PPT演示文稿.并将PPT演示文稿双击打开. 打开了文稿之后,在幻灯片里面找到大纲视图,并点击它,将幻灯片切 ...

  8. 记录设置VSCode加粗字体

    记录设置VSCode加粗字体 设置页面,点击 在setting.json中编辑 设置内容 { "files.autoSave": "afterDelay", & ...

  9. android 粗体字体下载,徐静蕾加粗字体

    徐静蕾加粗字体app是一款手机字体软件,里面有多种字体,不管是软萌的.还是安卓的默认字体通通都有,想要每天体验不一样的手机字体,就抓紧来下载徐静蕾加粗字体app吧. 徐静蕾加粗字体app简介: 完美支 ...

  10. Latex中如何加粗字体 如何打出圆圈序号

    1.latex中如何加粗字体? \textbf{文本} 我们举一个例子: \textbf{正式地说,PCA做的就是找到一个低维平面,然后将数据投影到上面.} 2.如何打出圆圈序号 如果序号不大的话可以 ...

最新文章

  1. [导入]如何用WAP手机远程遥控电脑
  2. excel中vlookup函数的使用方法_EXCEL中查找匹配函数VLOOKUP使用技巧
  3. oracle数据库imp导入失败提示:“不是有效的导出文件, 标头验证失败”解决方法,修改dmp文件里oracle数据库版本号方法
  4. python meshgrid_torch.meshgrid()和np.meshgrid()的区别
  5. 给 Flutter 界面切换来点特效
  6. 多年前的树莓派 B+ 重新工作
  7. 一起谈.NET技术,编写T4模板无法避免的两个话题:quot;Assembly Lockingquot;amp;quot;Debugquot;...
  8. unix linux 安装mono,关于mono在linux连接unixodbc的问题
  9. [BZOJ1031] [JSOI2007] 字符加密Cipher (后缀数组)
  10. Android自定义控件--仿安全卫士中的一键加速【圆形进度条】
  11. 认识计算机综合题,第一章 认识计算机试题.doc
  12. blog10 提取候选词的输入文本
  13. 读书随想2 - 格鲁夫给经理人的第一课
  14. E站账号cookie分享_产品经理必懂知识点—cookie和session
  15. 【0429】散列函数和消息鉴别
  16. 一般能ping通自己的IP ,但是ping 不通网关,也ping不通别的主机IP
  17. 梦幻岛:一场“艺术策展”与“WEB3”的梦幻联动
  18. check the manual that corresponds to your MySQL server version for the right syntax to use near异常原因
  19. oracle查询远程视图进行insert语句报错:ORA-00600: 错误 [qerrmOFBu1], [24347], []
  20. win10下idea的ctrl+shit+f和F8快捷键失效解决办法

热门文章

  1. 锋利的jQuery读书笔记-第1章 认识jQuery
  2. 实习收获之 获取json对象键值的几种方法
  3. win10 快速截屏
  4. 如何写好一个2Take1 Lua - 搭建Lua环境
  5. Spring Cloud Gateway编码实现任意地址跳转
  6. 2014年值得关注的10个开源项目 下
  7. 以模块方式加载 UVC 驱动
  8. 《经济学通识》:人类会受到“东西不够、生命有限、相互依赖、需要协调”四方面的限制,影响我们的衣食住行
  9. Captcha Cracker (java)附带replace用法
  10. matlab syms类型,matlab中syms类型的转换