去掉h1 h2 h3 h4加粗并统一字体大小

最新推荐文章于 2022-10-12 10:17:33 发布
最新推荐文章于 2022-10-12 10:17:33 发布
阅读量6.8k 收藏 1
点赞数 2

这里我们用到css font-weight样式去掉加粗，并且用到css font-size设置统一字体文字大小样式。

 

对于这html中使用h1 h2 h3 h4标签，如果要统一去掉加粗，并统一字体大小，我们可以这样初始化CSS。

 

h1,h2,h3,h4{font-weight:normal;font-size:12px}

这样我们就初始地去掉加粗（font-weight:normal）、和设置统一字体大小为12px像素。

 

文章来自：源码在线https://www.shengli.me/css/13.html

hugejihu9
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
css如何去掉h1 h2 h3 h4加粗并统一字体大小.docx
11-22
css如何去掉h1 h2 h3 h4加粗并统一字体大小.docx
【无标题】加粗标签以及标题标签等的一些应用
qalx9的博客
10-26 132
它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。Web信息资源由统一资源标识符( Uniform Resource Identifier，URI)所标记，它是一张网页、一张图片、一段视频或者任何在Web上所呈现的内容。释意标签：header,section,footer。加粗标签：B,strong。删除线标签：del，u。行内块标签：span。
用h1~h5标题时候，但是如果不要加粗的效果，处理方法如下
qq_61950936的博客
06-04 1524
用h1~h5标题时候，但是如果不要加粗的效果，处理方法如下: 给这个标题来一个css: 1.font-weight:400;（游览器的字体粗默认就是400，所以改了以后标题就去除了加错效果！） 2.font-weight:normal;（可以给b标签，strong标签，的加错效果取消！） ......
html h1 不自动加粗,HTML之h1 h2 h3 h4标签知识经验篇
weixin_32558831的博客
05-30 2669
Html中H1、H2、H3、H4标题标签元素教程篇H1 H2 H3 H4标题标签常常使用在一个网页中唯一标题、重要栏目、重要标题等情形下。一、搜索引擎下看h1标题标签 - TOP针对搜索引擎来说是告诉了不同标签下代表不同的重要级别内容。如果你在一个网页中使用的1-2中H型标签中都含有一个相同关键字，搜索引擎也会格外注重你所注重关键字与内容，但切记无滥用。二、Html h1 h2 h3 h...
html中h3字体不加粗取消,css如何取消加粗
weixin_32864847的博客
06-25 6938
在css中，可以使用font-weight属性取消加粗，只需要给元素设置“font-weight:normal”样式即可；font-weight属性用于设置显示元素的文本中所用的字体粗细，当值为normal时为默认值，表示定义标准的字符。本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。用css去除粗体样式，html有些标签自带粗体样式，可使用cs...
html <h2>行高,HTML 2-行高、a标签
weixin_36172296的博客
06-07 828
line-heightline-height设置文本的行高，行高即文本行基线之前的距离,行高减去字体大小就等于行间距从上到下四条线分别是顶线、中线、基线、底线，很像学英语字母时的四线三格，vertical-align属性中有top、middle、baseline、bottom，就是和这四条线相关。注意,基线不是最下面的线，最下面的是底线。行高是指上下文本行的基线间的垂直距离，即图中两条红线间垂直距...
Html有关字体大小粗细的相关知识(Hbuilder)
热门推荐
babytowhere的博客
02-23 1万+
1.  一个普通字体默认大小为16px;1em=1个汉字大小。当默认大小由于font-size而改变时，1em就相当于是一个新的字体的大小了。 2..标签字体大小为32.5px,；标签字体大小为24.5px,；标签字体大小为19px,；标签字体大小为16.5px,；标签字体大小为13.5px,；标签字体大小为12.25px。当然，还带加粗效果。       3.font-weight没有单位，
HTML5&CSS3网页制作：HTML5标题标记.pptx
05-31
通过本节知识，我们了解了<h1> - 标签的大小关系，并学会了如何使用align属性对标题文字进行字体位置修改。 小任务要求： 1. 新建一个 HTML5 文档 2. 练习<h1> - 标记 3. 为<h1>、<h2>标记添加属性，使<h1>标记...
how-to-learn:学习方法
04-08
H1 H2 H3 H4 H5 H6 斜体是星号或下划线 加粗双星号或下划线。 您可以将星号和下划线的选择组合在一起。 删除线文字。 编号列表中的第一项。 第二点。 未编号清单上的第一项； 第二个要点 [连结文字] const ...
CHATGPT训练指令模板
最新发布
06-27
章，至少包含 15 个标题和子标题（包括 H1，H2，H3 和 H4 标题），并覆盖提示中提供的主题。 请用自己的话来写文章，而不是从其他来源复制和粘贴。在创建内容时，一定要考虑复杂性 和连贯性，确保两者都很高，同时...
Bootstrap前端框架.docx
06-15
3. 固定不同级别的标题字体大小，如`<h1>`为36像素，`<h2>`为30像素，`<h3>`为24像素，`<h4>`为18像素，`<h5>`为14像素，`<h6>`为12像素。 除了基本标题，Bootstrap还提供了创建副标题的功能。通过使用`<small>`...
Html 字体大小
weixin_34221112的博客
02-28 3413
Html 字体大小 上标下标 设置 2011-07-19 8:41 网页中常用的字体尺寸定义有7个号，1号字最小，7号字最大，定义字号的 　　指令代码是尖括号内：[font size=X] 。 　　为了便于正常显示，&lt; &gt;暂时用[ ]代替。 　　各种字号尺寸如下： 　　[font size=1]一号字尺寸式样 [/font] 　　[font size=2]二号字...
HTML3
m0_67246843的博客
03-04 476
HTML常见的标记 1、iframe----框架标记 在html文件中开辟一个区域，可以单独显示另一个html文件； src="URL"----另一个html文件访问路径 height 和 width 属性----定义iframe标签的高度与宽度。 frameborder 属性用于定义iframe表示是否显示边框。 使用iframe来显示目标链接页面 (1)<a>标提供target属性为iframe的name属性值 （2）为iframe设置name属性值 2、div-...
html复习标签1
mujiuzq的博客
07-07 640
今日复习了HTML的常用标签。 h系列标签是常用的标题标签，从h1-h6字体逐渐变小，h标签的特点是：在浏览器中独占一行，字体默认加粗，如果没有设置宽度，那么他的宽度会继承父元素的宽度，而他的高度是由内容撑开的,并且h系列标签自带上下的外间距。 段落标签是p标签 p标签是很常用的段落标签，通常会放较多的内容，非常常用，他的特点是：独占一行，在没有设置宽度的情况下，和h系列标签一样，会继承父元素的宽度，高度也是由内容撑开，也是自带上下外间距，他的默认字体不加粗。 这俩个标
uniapp功能篇-3.样式初始化与常用样式缩写汇总
R的博客
02-22 2060
介绍: 用于基础样式初始化,可根据项目需求自行修改 目录1.样式初始化2.自定义样式 1.样式初始化 /*css reset*/ input,textarea,select{ font-family:arial; font-family:inherit; } body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{ margin:0; } h1,h2,h3,h4,h5,h6,input,select,textarea { font-size: 100% }
uniapp解析富文本问题
maowencai的博客
10-12 412
uniapp解析富文本 ，uniapp转微信小程序解析富文本问题， 富文本图片超出屏幕，微信小程序富文本图片不显示
html字体加粗效果不明显,css去除粗体_去掉加粗样式图文实例教程
weixin_30995917的博客
06-03 2762
用css去除粗体名目，html有些标签自带粗体格局，也许使用css格局去除粗体字体造诣。一、去除粗体CSS属性单词font-weight——粗体，加粗名目单词去除勾销加粗粗体样式：font-weight:normal二、常见自带粗体html标签元素1、b —— 自己是加粗粗体标签 我被B加粗2、strong —— 本人是加粗粗体标签 我被strong加粗3、h1 —— h1标题标签，h1标题加粗...
在html中设置全局字体样式
仙路尽头谁为峰
10-06 1万+
背景 需要对一个没有设置布局样式的html文档中所有文字样式进行修改，作为一个不是很了解前端开发的人来说，自然是想有没有那种比较简单，能在html中加几行代码就把所有段落字体样式进行统一修改的案例，网上搜了一堆教程发现很多都是要新建一个外部css文件引入，感觉太麻烦，一番波折后终于尝试出了比较适用于新手的速成法。 说明 这种方法适用于在不引入外部CSS的情况下，直接在html文档的head节点中为页面中各级节点中包含的文本内容设置字体样式。 html字体样式设置 此处设置了整个html中h1、h2、h3、h
HTML认识与入门
weixin_44596128的博客
10-11 912
什么是HTML HTML Hyper Text Markup Language（超文本标记语言） HTML基本结构 <html> <!-- head:网页头部 --> <head> <title>我的第一个网页</title> </head> <!-- body:主体部分 --> <body> 我的第一个网页 </body> </html> 注意: <bod
h1 h2 h3 h4 html,美化h1,h2,h3,h4,h5,h6教程
06-12
如果您想美化HTML中的标题（h1，h2，h3，h4，h5，h6），可以使用CSS（层叠样式表）来实现。以下是一个简单的示例： ```html <!DOCTYPE html> <html> <head> <title>标题样式示例</title> <style> h1 { font-size: 32px; color: #ff0000; text-align: center; margin-bottom: 20px; text-shadow: 2px 2px #cccccc; letter-spacing: 2px; } h2 { font-size: 24px; color: #0000ff; margin-bottom: 10px; border-bottom: 2px solid #cccccc; padding-bottom: 5px; } h3 { font-size: 20px; color: #008000; margin-bottom: 10px; } h4 { font-size: 16px; color: #333333; margin-bottom: 10px; } </style> </head> <body> <h1>这是一个大标题</h1> <h2>这是一个中标题</h2> <h3>这是一个小标题</h3> <h4>这是一个更小的标题</h4> </body> </html> ``` 在上面的示例中，我们使用了不同的CSS属性来美化标题，例如：字体大小、颜色、对齐方式、边框、内边距、阴影等。您可以根据自己的需要调整这些属性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值