css3怎样取消加粗文本样式

css中,可以利用“font-weight”属性取消文本的加粗样式,该属性用于设置文本的粗细大小,当属性的值为“normal”时,就可以取消加粗文本样式,语法为“元素{font-weight:normal;}”。

css3怎样取消加粗文本样式

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

css3怎样取消加粗文本样式

在css中,想要取消加粗文本,需要经过font-weight属性来取消加粗文本。

font-weight 属性设置文本的粗细。

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

该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal,700 等价于 bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样粗。

属性值如下:

09.png

示例如下:

        Document    .wenben{    font-weight:normal;  }    

这是没有取消加粗的文本样式

这是一个取消加粗文本样式

输出结果:

08.png

(学习视频分享:css视频教程)

以上就是css3怎样取消加粗文本样式的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月24日 08:14:44
下一篇 2025年12月8日 15:10:28

相关推荐

  • css3中实现动画效果的属性是什么

    在css中实现动画效果的属性:1、“animation”属性,该属性与“@keyframes”规则配合使用可以给元素设置动画效果;2、“transition”属性,该属性可以给元素设置过度动画效果。 本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑…

    2025年12月24日 好文分享
    000
  • css3定义渐变的语法有哪些

    语法:1、“background:radial-gradient(类型 大小 位置,颜色1,颜色n..)”设置元素径向渐变样式;2、“background:linear-gradient(方向,颜色1,颜色n..)”设置元素线性渐变样式。 本教程操作环境:windows10系统、CSS3&&…

    2025年12月24日 好文分享
    000
  • css3元素的翻转代码是什么

    代码:1、“transform:rotateY(角度)”,可设置元素沿Y轴翻转样式;2、“transform:rotateX(角度)”,可设置元素沿X轴翻转样式;3、“transform:rotateZ(角度)”,可设置元素沿Z轴翻转样式。 本教程操作环境:windows10系统、CSS3&…

    2025年12月24日 好文分享
    000
  • box-shadow是css3新增的属性吗

    “box-shadow”是css3新增的属性。“box-shadow”属性的作用就是给元素框添加一个或者多个阴影,语法为“元素{box-shadow:水平阴影位置 垂直阴影位置 blur spread color inset;}”。 本教程操作环境:windows10系统、CSS3&&amp…

    2025年12月24日
    000
  • css3怎样实现改变宽度的动画效果

    方法:1、利用“元素{animation:名称 时间}”语句给元素绑定动画;2、利用“@keyframes 名称{100%{width:宽度值;}}”语句,设置元素改变宽度的动画动作,实现元素改变宽度的动画效果。 本教程操作环境:windows10系统、CSS3&&HTML5版、De…

    2025年12月24日
    000
  • css3怎样实现div放大

    方法:1、用transform属性和scale()函数放大div,语法为“元素{transform:scale(放大倍数)}”;2、用width和height属性实现放大div效果,语法为“元素{width:宽度;height:高度}”。 本教程操作环境:windows10系统、CSS3&&…

    2025年12月24日
    000
  • css3中float属性的用法是什么

    css中,float属性用于定义元素在哪个方向浮动,语法为“元素{float:value}”;当属性的值为“left”可设置元素向左浮动;当属性的值设置为“right”可设置元素向右浮动;当属性的值设置为“none”可设置元素不浮动。 本教程操作环境:windows10系统、CSS3&&am…

    2025年12月24日
    000
  • css3怎样实现div右侧滑入

    方法:1、利用“div{animation:名称 时间}”语句给div元素绑定滑动动画;2、利用“@keyframes 名称{0%{transform:translateX(滑入距离)}}”语句设置滑动动画的动作,实现div右侧滑入效果。 本教程操作环境:windows10系统、CSS3&&…

    2025年12月24日
    000
  • css3怎样控制旋转时间

    方法:1、利用animation属性和“@keyframes”规则给元素定义一个旋转动画;2、利用“animation-duration”属性设置控制元素的旋转时间,语法为“元素{animation-duration:time;}”。 本教程操作环境:windows10系统、CSS3&&am…

    2025年12月24日
    000
  • css怎样去除标题的样式

    方法:1、用“padding:0;margin:0;”样式去除标题元素内外边距样式;2、用“font-weight:normal;”样式去除标题元素的加粗样式;3、用“font-size:16px;”样式设置标题字体大小为正常大小即可。 本教程操作环境:windows10系统、CSS3&&a…

    2025年12月24日
    000
  • css怎样实现对号效果

    实现方法:1、利用“border-color:颜色;border-style:solid;border-width:0 粗细 粗细 0”语句设置矩形元素相邻的两个边框;2、利用“transform:rotate(角度)”语句将矩形旋转即可。 本教程操作环境:windows10系统、CSS3&…

    好文分享 2025年12月24日
    000
  • css样式中focus是什么意思

    在css中,focus的意思是“焦点”,是一种伪类选择器,作用是选取获得焦点的元素;通过“:focus”选择器可以对获取焦点的元素设置样式,语法为“元素:focus{css样式代码;}”。 本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。 css…

    2025年12月24日 好文分享
    000
  • css选择器怎么选择倒数第几个元素

    在css中,可以利用“:nth-last-child()”选择器选择倒数第几个元素,该选择器从父元素的最后一个子元素开始计数,来匹配父元素的子元素,语法为“父元素:nth-last-child(子元素倒数值){css样式代码;}”。 本教程操作环境:windows10系统、CSS3&&amp…

    2025年12月24日 好文分享
    000
  • css3的font是什么意思

    在css中,font的意思是“字体”,是一个简写属性,用于设置所有字体属性;font属性可以按顺序设置字体的样式,语法为“元素{font:style variant weight size/height family;}”。 本教程操作环境:windows10系统、CSS3&&HTM…

    2025年12月24日
    000
  • css3怎样让图片缩小至消失

    方法:1、用“animation:名称 时间”样式给图片元素绑定动画;2、用“@keyframes 名称{0%{transform:scale(1,1);}100%{transform:scale(0,0);}}”语句让图片缩小至消失即可。 本教程操作环境:windows10系统、CSS3&…

    2025年12月24日
    000
  • css3怎样实现选择表格的偶数行

    css中,可用“nth-child()”选择器来选择表格的偶数行元素,该选择器用于匹配属于其父元素的第n个子元素,当选择器内的值为“2n”时,就会选择偶数个数对象,语法为“表格行元素:nth-child(2n){css样式代码;}”。 本教程操作环境:windows10系统、CSS3&&am…

    2025年12月24日
    000
  • css3中实现2d旋转的函数是什么

    css中实现2d旋转的函数是“rotate()”函数。rotate()函数可与transform属性配合使用,语法为“元素{transform:rotate(角度值);}”;参数角度为正数时元素顺时针旋转,参数角度为负数时元素逆时针旋转。 本教程操作环境:windows10系统、CSS3&&…

    2025年12月24日
    000
  • css3怎样实现左右伸缩动画效果

    方法:1、利用“元素{animation:名称 时间}”语句给元素绑定动画;2、利用“@keyframes 名称{50%{transform:scale(左右伸缩倍数,1);}}”语句,设置元素伸缩的动画动作,实现元素左右伸缩动画效果。 本教程操作环境:windows10系统、CSS3&&a…

    2025年12月24日
    000
  • css3怎样实现img等比例缩小

    css中,可利用transform属性配合scale()函数实现img元素等比例缩小,transform属性允许设置元素的缩放操作,scale()函数用于定义元素的缩放转换,语法为“img{transform:scale(缩放比例);}”。 本教程操作环境:windows10系统、CSS3&…

    2025年12月24日
    000
  • 怎样用css3实现鼠标悬停时的阴影效果

    在css中,可以利用“:hover”选择器和“box-shadow”属性实现鼠标悬停时的阴影效果,语法为“元素:hover{box-shadow:水平阴影位置 垂直阴影位置;}”。 本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。 怎样用css3…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信