导航:首页 > 万维百科 > 用代码设计网页字体加粗怎么写

用代码设计网页字体加粗怎么写

发布时间:2020-12-21 01:34:36

1、HTML字体加粗问题

<html>
<head>
<style type="text/css">
</style>
</head>
<body>
<p style="font-weight:bold;">字体加粗</p>
</body>
</html>

2、css样式表中字体加粗的属性是什么?

|

css样式表中字体加粗的属性是:“font-weight”。

语法:font-weight:normal | bold | bolder | lighter | <integer>

normal:正常的字体。相当于数字值400

bold:粗体。相当于数字值700。

bolder:定义比继承值更重的值(特粗体)

lighter:定义比继承值更轻的值(细体)

<integer>:用数字表示文本字体粗细。取值范围:100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

设置或检索对象中的文本字体的粗细。作用由客户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说,用户可能看不到不同值之间的差异。

(2)用代码设计网页字体加粗怎么写扩展资料

CSS font 属性

在一个声明中设置所有字体属性:

p.ex2

{ font:italic bold 12px/20px arial,sans-serif; }

“font”简写属性在一个声明中设置所有字体属性。

这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体,使之与用户计算机环境中的某个方面一致。注意,如果没有使用这些关键词,至少要指定字体大小和字体系列。

可以按顺序设置如下属性:

font-style

font-variant

font-weight

font-size/line-height

font-family

可以不设置其中的某个值,比如 font:100% verdana; 也是允许的。未设置的属性会使用其默认值。

3、html字体大小、颜色、粗体、下划线代码(局部)

方法和详细的操作步骤如下:

1、第一步,如果要修改下划线的颜色,大小和其他样式,内可以通过border属性设计,使用起来容更灵活,见下图,转到下面的步骤。

2、第二步, 执行完上面的操作之后, border-bottom属性用于设置底部边框样式,见下图,转到下面的步骤。

3、第三步,执行完上面的操作之后,border-bottom: #FF0000 2px solid ; 将边框大小设置为2PX红色边框,见下图,转到下面的步骤。

4、第四步,执行完上面的操作之后,观察到相同的效果,发现下划线是整个屏幕的宽度,因此接下来将更改宽度,见下图,转到下面的步骤。

5、第五步,执行完上面的操作之后,宽度设置为180px,可以根据实际情况进行调整,见下图,转到下面的步骤。

6、第六步,执行完上面的操作之后,将显示下划线效果,见下图。这样,就解决了这个问题了。

4、HTML字体要怎么加粗?

一、使用html 加粗标签 -   TOP

使用b标签或strong标签即可对文字粗体。

1、分别对应语法如下:
<b></b>
<strong><strong>

2、应用案例
1)、html案例完整代码(可以拷贝测试):

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>粗体实现 DIVCSS5案例</title> </head> <body> 我是正常字体<br /> <b>我被b粗体</b><br /> <strong>我被strong粗体</strong> </body> </html> 

2)、html粗体截图:


html粗体标签实现文字粗体加粗是针对那些有条件的人来说,很多小伙伴更喜欢的是自学。但是一个人自学毕竟力量是有限的,为了让想学习的人可以更好的学习,给大家推荐一个裙,前面是6 1 1,中间是肆 二 8,最后面就是壹 四  二,这里有很多想学习的人和你一起交流,也有大牛每天晚上免费教学,想要学习的人都可以加入我们,但是我们只欢迎想学习的人,不是来学习,随便看看的就不要进了。

以上是使用两种粗体标签实现html文字粗体,字体加粗方法,希望大家能灵活掌握与应用。

二、使用CSS样式实现文字粗体显示 -   TOP

div+css布局中,使用css样式实现文字字体粗体比较多的,只需要对对象设置一个粗体样式属性即可实现文本粗体,又称为css文字粗体。

1、css粗体样式基础

1)、单词与介绍

font-weight,值为可以为从100到900,和bold,最常用font-weight的值为bold,也是所有浏览器均兼容。

2)、css 粗体语法:

div{font-weight:bold} 

这样就让所有div对象内文字字体加粗

2、粗体css案例

1)、加粗粗体案例HTML源代码(div+css布局案例)(大家可以拷贝使用和测试)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>粗体实现 DIVCSS5案例</title> <style> .bold{ font-weight:bold} </style> </head> <body> <div>我是正常字体</div> <div class="bold">我被font-weight粗体</div> </body> </html> 

2)、加粗案例截图

css样式font-weight粗体用法案例截图

三、关于字体文本粗体总结 -   TOP

样式粗体与html标签粗体 加粗方式

这里我们介绍HTML标签和CSS样式实现文字粗体两种方式,大家在实际使用时候根据需求选择粗体样式方式。

5、表格里HTML字体怎么加粗?

从代码精简的角度来说不建议是用<B></B>模式,因为你加粗的应回该不会是只有那么一答个地方要加粗字体;

,通过CSS来设置,如h1{ font-size:14px; font-weight:800;}

这个之中font-weight是设置字体粗细的,后面的数字800是赋值,你可以如yanzilisan183回答的那样,直接用bold,也可以按照你自己的意愿进行粗细的调节,一般是整数,如100、200、...900等

6、简单的html代码 加粗 加亮 字型加大 变色 分别是写什么`

常用的html代码
加粗
加亮
字型加大
变色
1)加入连接:<a
href="所要连接的相关地址">写上你想写的字</a>
2)在新窗口打开连接:<a
href="相关地址"
target="_blank">写上要写的字</a>
3)移动字体(走马灯):<marquee>写上你想写的字</marquee>4)帖子背景音乐:<bgsound="背景音乐地址"
loop=infinite>
5)字体加粗:<b>写上你想写的字</b>
6)字体斜体:<i>写上你想写的字</i>
7)字体下划线:
<u>写上你想写的字</u>
8)字体删除线:
<s>写上你想写的字</s>
9)字体加大:
<big>写上你想写的字</big>
10)字体控制大小:<h1>写上你想写的字</h1>
(其中字体大小可从h1-h5,h1最大,h5最小)11)更改字体颜色:<font
color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间
12)消除连接的下划线:<a
href="相关地址"
>写上你想写的字</a>
13)贴音乐:<embed
src="音乐地址"
width="宽度"
height="高度"
autostart=false>
14)贴flash:
<embed
src="flash地址"
width="宽度"
height="高度">
15)贴影视文件:<img
dynsrc="文件地址"
width="宽度"
height="高度"
start=mouseover>
16)换行:<br>
17)段落:<p>段落</p>
18)原始文字样式:<pre>正文</pre>
19)换帖子背景:<body
background="背景图片地址">

7、求编写一个简单的HTML加粗、斜体代码,谢谢啊

首先需要了解在超文本标记语言(html)中,加粗和斜体的代码,加粗的标记是b,斜体专的标记是i,在html中,标属记一般都是成对出现的。例如<b>XXXX</b>。一个基本的网页,都是包含在<html>、</html>之间的。具体例子如下:
<html>
<head>

<title>此处显示页面标题</title>
</head>
<body >

<h1>一级标题</h1>

<h2><b>加粗显示二级标题</b></h2>

<h3><i>斜体显示三级标题</i></h3>

</body>
</html>

8、HTML字体要怎么加粗?

在word里面实现文字加粗是一件轻而易举的事。我们直接点击加粗按钮就可以完成。但是在css里面没有加粗按钮呀,那么如何实现字体加粗呢?下面小编向大家简单介绍一下。
1.使用font-weight属性
一说到在CSS里实现加粗,大家第一反应是不是使用font-weight属性。没错,这是在CSS实现加粗的方法之一。
font-weight属性的值可以是:
normal

bold、
bolder

lighter

number。
normal:
正常的字体,相当于number为400,声明此值将取消之前任何设置
bold:
粗体,相当于number为700,也相当于html
b
加粗对象的作用
bolder:
IE5+特粗体
lighter:
IE5+细体
number:
IE5+100|200|300|400|500|600|700|800|900
这个属性我们最常用的值是bold,当然你也可以实际需要调整number数值达到自己所需的效果。
实例:
效果:
看到这个效果,你是否有这样一个疑问:怎么数值900和bold的效果差不多呀?bold不是相当于数值700吗?这是因为加粗作用是由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说,用户可能看不到不同值之间的差异。
因为web前端开发在国内的火爆,所以很多人都开始自学web前端开发。但是如果一个人自学是很有难度的,可能花费了大量的时间和精力还未必可以收到效果。给你推荐一个裙,前端开发的前面是四
四五,前端开发的中间是IO
7,前端开发的后面是四

六。这里每天都有免费的课程可以学习,还有很多人和你一起进步,如果你是想学习的就赶紧加入,不想学习的就不要加咯.
2.html常规加粗标签
除了font-weight属性之外,我们还有方法对字体实施加粗吗?
我们先看看下面的代码:
运行:
嘿嘿!由上图我们可以看到运行效果跟font-weight属性差不多喔!因此我们可以得出:使用html标签<b></b>或<strong></strong>也能达到加粗的效果。
以上就是小编所知道的在CSS里面实现字体加粗的两种方法,两种方法都非常简单。学会以后,大家在日后的网页设置中就不愁如何加粗字体了。当然如果你还有其他实现字体加粗的方法,记得告诉小编,大家共同学习喔!

9、简单的html代码 加粗 加亮 字型加大 变色 分别是写什么`

字体加粗:<b>写上你想写的字</b>

字体加大: <big>写上你想写的字</big>

字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)

改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间

(9)用代码设计网页字体加粗怎么写扩展资料:

结构性定义

文件类型 <HTML></HTML> (放在档案的开头与结尾)

文件主题 <TITLE></TITLE> (必须放在「文头」区块内)

文头 <HEAD></HEAD> (描述性资料,像是「主题」)

文体 <BODY></BODY> (文件本体)

(由浏览器控制的显示风格)

标题 <H?></H?> (从1到6,有六层选择)

标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>

区分 <DIV></DIV>

区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>

引文区块 <BLOCKQUOTE></BLOCKQUOTE> (通常会内缩)

强调 <EM></EM> (通常会以斜体显示)

特别强调 <STRONG></STRONG> (通常会以加粗显示)

引文 <CITE></CITE> (通常会以斜体显示)

码 <CODE></CODE> (显示原始码之用)

样本 <SAMP></SAMP>

键盘输入 <KBD></KBD>

变数 <VAR></VAR>

定义 <DFN></DFN> (有些浏览器不提供)

地址 <ADDRESS></ADDRESS>

大字 <BIG></BIG>

小字 <SMALL></SMALL>

与外观相关的标签(作者自订的表现方式)

加粗 <B></B>

斜体 <I></I>

底线 <U></U> (尚有些浏览器不提供)

删除线 <S></S> (尚有些浏览器不提供)

下标 <SUB></SUB>

上标 <SUP></SUP>

打字机体 <TT></TT> (用单空格字型显示)

预定格式 <PRE></PRE> (保留文件中空格的大小)

预定格式的宽度 <PRE WIDTH=?></PRE>(以字元计算)

向中看齐 <CENTER></CENTER> (文字与图片都可以)

闪耀 <BLINK></BLINK> (有史以来最被嘲弄的标签)

字体大小 <FONT SIZE=?></FONT>(从1到7)

改变字体大小 <FONT SIZE=+|-?></FONT>

基本字体大小 <BASEFONT SIZE=?> (从1到7; 内定为3)

字体颜色 <FONT COLOR='#$$$$$$'></FONT>

与用代码设计网页字体加粗怎么写相关的知识