css设置字体粗细的属性是什么

css设置字体粗细的属性是font-weight属性,该属性的取值为“lighter”、“normal”、“bold”和“bolder”;“lighter”为细体,“normal”为正常粗细,“bold”为粗体,“bolder”为特粗体。

css设置字体粗细的属性是什么

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

在CSS中,通过 font-weight属性 用来设置字体的粗细值,取值为 lighter | normal | bold | bolder,默认为 normal。lighter 为细体,normal 为正常粗细,bold 为粗体,bolder 为特粗体。如:

.lighter { font-weight: lighter;} .normal { font-weight: normal;}.bold { font-weight: bold;}.bolder { font-weight: bolder;}

字体粗细: lighter

字体粗细: normal

字体粗细: bold

字体粗细: bolder

登录后复制

上述代码定义了 4 种不同粗细的字体,按顺序依次变粗。运行结果如图所示:

css设置字体粗细的属性是什么

立即学习“前端免费学习笔记(深入)”;

【推荐教程:CSS视频教程】

为了实现更细致的控制,CSS也允许使用数字来设置字体的粗细。数字必须是100的整数倍,取值在100~900 之间,值越大字体越粗。400 等同于 normal,700 等同于 bold。不同取值的结果如图所示:

2.png

浏览器会自动为一些元素(如,strong、h1~h6 和b)添加粗体格式,有些元素还继承了父元素粗体格式,可以通过 font-weight: normal 来取消这些元素的粗体格式。

更多编程相关知识,请访问:CSS视频教程!!

以上就是css设置字体粗细的属性是什么的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2878562.html

(0)
上一篇 2025年3月10日 19:37:14
下一篇 2025年3月8日 03:19:59

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • css如何实现轮播图效果

    在css中,可以使用“@keyframes”规则和“animation”属性定义动画来实现轮播图切换效果。动画是使元素从一种样式逐渐变化为另一种样式的效果。可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。 本教程操作环…

    2025年3月10日
    200
  • css怎么把div设置成爱心

    css把div设置成爱心的方法:首先创建一个HTML示例文件;然后准备一个dom元素,并为其id赋值为heart;接着操作伪元素;最后将before和after两块内容旋转绘制成心形即可。 本文操作环境:Windows7系统、HTML5&a…

    2025年3月10日
    200
  • css背景色怎么取消

    css取消背景色的方法:首先打开相应的HTML文件;然后在设置好背景颜色的代码上添加“background-color:transparent;”即可去掉背景颜色。 本文操作环境:Windows7系统、HTML5&&CSS3…

    2025年3月10日
    200
  • css怎么实现禁止换行并超出隐藏

    css实现禁止换行并超出隐藏的方法:首先创建一个HTML示例文件;然后在body中创建一些文字内容;最后通过“white-space”以及“text-overflow”属性来实现内容禁止换行并超出隐藏即可。 本文操作环境:Windows7系…

    2025年3月10日
    200
  • css怎么给button设置阴影

    css给button设置阴影的方法:首先创建一个HTML示例文件;然后设置一个button按钮;最后通过给button添加“box-shadow”等属性来实现阴影效果即可。 本文操作环境:Windows7系统、HTML5&&…

    2025年3月10日
    200
  • css文本设置主要有哪几项属性

    css文本设置主要的属性有:font-famil、font-size、color、text-align、text-decoration、border、text-shadow、Word-warp、Word-break、direction等等。…

    2025年3月10日
    200
  • css中设置段落缩进的属性是什么

    css中设置段落缩进的属性是“text-indent”,语法格式“text-indent:length|%;”;当值为“length”时可定义固定的缩进,当值为“%”类型时可定义基于父元素宽度的百分比的缩进。 本教程操作环境:windows…

    2025年3月10日
    200
  • css表格中如何居中

    css表格居中的方法:首先新建html文件,并在【index.html】中的【】标签中输入css代码;然后浏览器运行【index.html】页面即可。 本教程操作环境:windows7系统、css3版,DELL G3电脑。 css表格居中的…

    2025年3月10日 编程技术
    200
  • 详解CSS处理长短文本内容的几种小技巧(值得收藏)

    本篇文章给大家分享一些css处理短内容和长内容的小技巧。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 当我们使用 CSS 构建布局时,考虑长短文本内容很重要,如果能清楚地知道当文本长度变化时需要怎么处理,可以避免很多不必…

    2025年3月10日 编程技术
    200
  • 使用纯CSS画一个圆环(代码示例)

    本篇文章通过代码示例介绍一下使用纯css画圆环的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 画圆环思想很简单:首先画两个圆,设置不同的背景色;然后让两个圆的圆心重合即可。 难度系数 ☆☆ 立即学习“前端免费学习笔…

    2025年3月10日
    200

发表回复

登录后才能评论