font weight设置什么（用CSS如何让列表字体变粗）

本文目录

• 用CSS如何让列表字体变粗
• CSS中font-weight属性怎么使用
• css怎么设置字体加粗样式
• 下列哪个css属性能够设置文本加粗
• css里的font- weight:
• html中字体的粗细怎么设置字体大小是font-size，那粗细怎么设置的
• 网页基础之文字文本的样式设置
• htmlfont标签如何设置字体粗细，font标签的字体样式总结

用CSS如何让列表字体变粗

需要准备的材料分别有：电脑、浏览器、html器。

1、首先，打开html器，新建html文件，例如：index.html。

2、在index.html中的《script》标签中，输入js代码：

$(’td’).click(function () {

$(’td’).css(’font-weight’, ’normal’);

$(this).css(’font-weight’, ’bold’);

});

3、浏览器运行index.html页面，点击“我是A”，此时字体会变粗。

4、再点击“我是B”，此时“我是A”的字体粗度恢复正常，“我是B”的字体变粗。

CSS中font-weight属性怎么使用

使用CSS的font-weight属性可以设置文字的粗细，如果你想让文字更加的突出可以使用CSS的font-weight属性让文字加粗，这样的话就会比较显眼了，所以，接下来的这篇文章我们就来给大家介绍一下CSS中font-weight属性的用法。
我们下来准备一个HTML代码
代码如下
《!DOCTYPE html》
《html》
《head》
《meta charset="utf-8"》
《link rel="stylesheet" type="text/css" href="sample.css"》
《/head》
《body》
《p class="sample1"》加粗ABCabc123《/p》
《p class="sample2"》加粗ABCabc123《/p》
《/body》
《/html》然后我们在CSS中应用font-weight属性
font-weight属性的使用方法
我们先来看最基本的属性值normal和bold
p.sample1 {font-weight:normal; }
p.sample2 {font-weight:bold; }normal是默认值，初始值被设定为这个。设置bold值字体会变粗
在浏览器中显示效果如下
下面我们来看看用数字指定文字的粗细
我们先来将上述HTML代码更改一下
《!DOCTYPE html》
《html》
《head》
《meta charset="utf-8"》
《link rel="stylesheet" type="text/css" href="sample.css"》
《/head》
《body》
《p class="sample1"》加粗ABCabc123《/p》
《p class="sample2"》加粗ABCabc123《/p》
《p class="sample3"》加粗ABCabc123《/p》
《/body》
《/html》CSS代码如下
p.sample1 {font-weight:200; }
p.sample2 {font-weight:400; }
p.sample3 {font-weight:800; }在数值中指定的种类有100 / 200 / 300 / 400 / 500 / 600 / 600 / 600 / 800 / 900的9个阶段，实际上在浏览器中只设定了两种，在页面上只显示了最下面的800。（在值700以上的情况下和bold一样的显示）
最后，我们来看一下bolder和lighter
我们来看具体的例子
HTML代码与上述相同
CSS代码如下
body {font-weight:bold; }
p.sample1 {font-weight:inherit; }
p.sample2 {font-weight:bolder; }
p.sample3 {font-weight:lighter; }在浏览器上显示效果如下
第一行文字继承了父元素，所以显示加粗
第二行文字设置为bolder表示比父元素粗，所以与第一行元素一样。
第三行被设置为比父元素的bold更细，变成了普通的粗细。

css怎么设置字体加粗样式

在前端页面的开发中，字体文字的效果是一个重要的部分，有时为了突出一段文字，就需要给字体文字进行加粗显示；那么使用css如何给字体加粗？本篇文章就给大家介绍css设置字体加粗样式的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
首先我们通过简单的代码示例，为大家详细解说关于css给字体加粗的实现方法！
《!DOCTYPE html》
《html》
《head》
《meta charset="UTF-8"》
《title》css 字体加粗《/title》
《style》
.a1{
font-weight:bold;
}
.a2{
font-weight:bolder;
}
《/style》
《/head》
《body》
《div》
《p》这是一段测试文字《br /》
《span class="a1"》这里使用bold属性值加粗字体《/span》《br /》

《span class="a2"》这里使用bolder属性值加粗字体《/span》
《/p》
《/div》
《/body》
《/html》我们来看看效果图：
通过示例，可以知道：这里实现字体加粗效果主要用到了css中的font-weight:bold;和font-weight:bolder;的样式属性。我们应该知道font-weight属性可以设置文本字体的粗细，而设置bold属性值可以定义粗体字符，bolder属性值可以定义更粗的字符，进而实现字体加粗效果。
在css font-weight属性中不仅仅只有bold属性值和bolder属性值可以加粗字体，还设置数值来加粗字体，我们来看看效果：
《!DOCTYPE html》
《html》
《head》
《meta charset="UTF-8"》
《title》css 字体加粗《/title》
《style》
.a1{
font-weight:bold;
}
.a2{
font-weight:800;
}
《/style》
《/head》
《body》
《div》
《p》这是一段测试文字《br /》《br /》
《span class="a1"》这里使用bold属性值加粗字体《/span》《br /》《br /》

《span class="a2"》这里使用数值加粗字体《/span》
《/p》
《/div》
《/body》
《/html》效果图：
说明：
font-weight属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal（标准字体），700 等价于 bold（粗体）。每个数字值对应的字体加粗必须至少与下一个最小数字一样细，而且至少与下一个最大数字一样粗。
总结：

下列哪个css属性能够设置文本加粗

fontweight可以给css属性设置文本加粗。css中可使用fontweight属性设置文字加粗，只需要给元素添加fontweightboldbolder样式即可，值bold定义粗体字符，bolder定义更粗的字符。还可设置值为700、800或900来实现加粗即可。

css里的font- weight:

css里的font-weight:500 以下的都没效果。但是输600以上的都可以看见自己加粗了是设置错误造成的，解决方法为：

1、新建一个html文件，命名为test.html。

2、在test.html文件内，使用div标签创建一行文字，用于测试。

3、在test.html文件内，给div标签添加一个class属性，属性值为title。

4、在test.html文件内，编写《style type="text/css"》《/style》标签，页面的css样式将写在该标签内。

5、在css标签内，通过class设置div的样式，定义其font-weight属性为bolder，即可实现加粗，同时，使用font-size属性设置文字的大小为20px。

html中字体的粗细怎么设置字体大小是font-size，那粗细怎么设置的

利用CSS设置font-weight属性，

font-weight:

normal:默认值。正常的字体。相当于400。声明此值将取消之前任何设置

bold:粗体。相当于700。也相当于b对象的作用

bolder:比normal粗

lighter:比normal细

100:字体至少像200那样细

200:字体至少像100那样粗，像300那样细

300:字体至少像200那样粗，像400那样细

400:相当于normal

500:字体至少像400那样粗，像600那样细

600:字体至少像500那样粗，像700那样细

700:相当于bold

800:字体至少像700那样粗，像900那样细

900:字体至少像800那样粗

body{

font-weight:bold;//粗体。

网页基础之文字文本的样式设置

字体的样式有很多种，如果想了解详细的种类，推荐去MDN上去查看，这里只列举几种通常使用的属性，即斜体font-style:italic， 粗体 font-weight， 类型font-family, 大小font-size，显示行高line-height ，文字横向显示位置定义 text-align，文字下划线的定义text-decoration， 首行缩进定义text-indent，字符间距定义letter-spacing，单词间隔word-spacing等。

斜体字在一些文档中可用作强调的作用，字体的斜体样式可以通过 font-style 来设置，如下图

粗体字在网页中的运用一般是指标题之类的需要突出显示的文字，粗体的样式可通过 font-weight 来设置，如下图：

字体类型就如word 文档工具中的字体类型设置，它在css 中使用的是font-family 来定义的，如下图：

顾名思义，就是文字文本的显示大小，如下图：

即指一行的显示高度，这个属性是前端开发中一个非常高频的属性，一些原本很难看的排版，一旦设置了适当的行高就会显得好看很多，如下图所示：

行高为 14px时：

文字横向显示方向的属性定义通常有三种，left, right, center。Left 左边对齐显示，right 右边对齐显示，center 居中显示

underline（下划线），line-through（错划线），wavy underline（波浪下划线），green wavy underline（带颜色的波浪下划线）等，详情请查阅MDN文档，如：

使用空格将多个文字分开时，word-spacing 才会将它当成词语，这样才会生效。例如：

以上两段话，第一段话是将词语使用空格分开了，因此对word-spacing 设置是生效的，第二段话是没有使用空格将词语分开的效果所以就看不到效果。

像前面所讲的border, background 一样，文字文本也可以多个属性简写，一般能一起简写在一起属性主要有三个，粗体，字体大小，字体类型。例如：

本小节主要针对文字和文本的样式做了个具体的分析讲解，当然文字和文本的样式设置还远不止以上列举的那些，以上列举的只是用得比较多的一些属性，具体其它的属性大家可以根据需要取查阅MDN上面的一些介绍

htmlfont标签如何设置字体粗细，font标签的字体样式总结

本篇文章主要的为大家讲解了关于HTML font标签的字体粗细的设置，还有关HTML font字体标签的样式总结，希望对你们有所帮助，现在就让我们一起来看这篇文章吧
首先我们先说说HTML font标签如何设置字体粗细：
我们现在讲的有点带css样式里面的东西，都是些基础的东西，让我们一起来看看代码实例吧
font-weight 字体粗细
font-weight:normal,bold,bolder,lighter,100-900;在css样式中加上这些，就能成功的为字体设置粗细，100至900的范围。都可以设置。
现在我们再来看看font字体标签的样式总结：
与font标签有关的css样式属性：
font-family 定义字体：
font-family:"微软雅黑"，"arial";font-size 字体大小：
font-size:18px;
font-size:150%;
font-size:xx-small,x-small,small,medium,large,x-large,xx-large;
font-size:smaller,larger;font-style 字体样式：
font-style:normal,italic,oblique;font-variant 使输入不受大小写限制
font-variant: normal,small-caps;最后是font属性的简写：
font: bold italic 18px arial ;font 简写属性在一个声明中设置所有字体属性。
注释：此属性也有第六个值："line-height"，可设置行间距。
关于HTML font标签的说明：
这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体，使之与用户计算机环境中的某个方面一致。注意，如果没有使用这些关键词，至少要指定字体大小和字体系列。
可以不设置其中的某个值，比如 font:100% verdana; 也是允许的。未设置的属性会使用其默认值。
关于html font标签可能的值：
好了，本篇文章到这也就结束了，有什么问题可以在下方提问
【小编推荐】
HTML5 meter标签什么意思？meter标签的用法详解
html select标签怎么默认选中？select标签的使用介绍