精华内容
下载资源
问答
  • 这篇文章给大家总结了给字体和文字加粗的三种方法,包括HTML中的加粗标签以及CSS字体加粗样式,有一定的参考价值,感兴趣的朋友可以参考一下。给字体和文字加粗有三种方法,一种是CSS中的font-weight: bold样式,一...

    大家在浏览网站时有没有注意到,页面中有些文字或字体加粗了,正在学习HTML和CSS的小伙伴,你知道HTML如何给文字加粗吗?CSS怎么设置字体加粗呢?这篇文章给大家总结了给字体和文字加粗的三种方法,包括HTML中的加粗标签以及CSS字体加粗样式,有一定的参考价值,感兴趣的朋友可以参考一下。

    给字体和文字加粗有三种方法,一种是CSS中的font-weight: bold样式,一种是HTML中的标签,最后一种是HTML中的标签。

    方法1:用CSS中font-weight: bold样式给字体加粗

    font-weight属性可以设置字体的粗细,当属性值为normal时,表示正常的字体,相当于number为400;当属性值为bold时,可以给字体粗体,相当于number为700,也相当于标签的效果。

    实例描述:创建两个p标签,给其中一个标签一个class类名,便于对其进行CSS样式设置。将font-weight: bold属性添加到有类名的p 标签上,对比两个p标签,看看有什么不同,具体代码如下:Html;toolbar:false">

    .aa{font-weight: bold;}

    床前明月光

    低头思故乡

    如下图所示,“低头思故乡”这段文字被加粗了。

    273645d9777f12da3fc4be12cf433e67.png

    方法2:用Html中的加粗标签

    标签可以使字体加粗,且所有主流浏览器都支持此方法。

    实例描述:直接用Html中的标签,即可实现文字加粗效果,具体代码如下:

    床前明月光

    疑是地上霜

    如图所示,对比p标签和strong标签的内容,发现strong标签的内容加粗了。

    c9673e53e9f917d8bc747549843244d4.png

    方法3:用Html中的加粗标签

    标签可以定义一个粗体的文本,且所有主流浏览器都支持 标签。

    实例描述:标签和标签一样,都可以给文字加粗,并且使用简单方便,具体代码如下:

    床前明月光

    举头望明月

    如下图所示,b标签的里面的文字加粗了

    c447a650501414e7500f3cc4652aa46d.png

    总结:以上给大家介绍了给文字加粗的三种方法,分别是CSS中的font-weight: bold样式和HTML中的标签、标签,直接用Html标签比较方便,至于选择哪种方法,还要看个人习惯和工作需要,希望这篇文章对你有所帮助!

    【相关教程推荐】

    3. HTML在线手册

    本文地址:http://itbyc.com/web/html5/19952.html

    转载请注明出处。

    展开全文
  • css字体加粗_CSS字体

    2020-08-31 20:24:11
    css字体加粗At the dawn of the web you only had a handful of fonts you could choose from. 在网络诞生之初,您只有少数几种字体可以选择。 Thankfully today you can load any kind of font on your pages. ...

    css字体加粗

    At the dawn of the web you only had a handful of fonts you could choose from.

    在网络诞生之初,您只有少数几种字体可以选择。

    Thankfully today you can load any kind of font on your pages.

    值得庆幸的是,今天您可以在页面上加载任何字体。

    CSS has gained many nice capabilities over the years in regards to fonts.

    多年来,CSS在字体方面获得了许多不错的功能。

    The font property is the shorthand for a number of properties:

    font属性是许多属性的简写:

    • font-family

      font-family

    • font-weight

      font-weight

    • font-stretch

      font-stretch

    • font-style

      font-style

    • font-size

      font-size

    Let’s see each one of them and then we’ll cover font.

    让我们看看它们中的每一个,然后我们将介绍font

    Then we’ll talk about how to load custom fonts, using @import or @font-face, or by loading a font stylesheet.

    然后,我们将讨论如何使用@import@font-face或通过加载字体样式表来加载自定义字体。

    font-family (font-family)

    Sets the font family that the element will use.

    设置元素将使用的字体系列

    Why “family”? Because what we know as a font is actually composed of several sub-fonts. which provide all the style (bold, italic, light..) we need.

    为什么是“家庭”? 因为我们所知道的字体实际上是由几个子字体组成的。 提供我们需要的所有样式(粗体,斜体,浅色..)。

    Here’s an example from my Mac’s Font Book app - the Fira Code font family hosts several dedicated fonts underneath:

    这是我Mac的Font Book应用程序中的一个示例-Fira Code字体家族在下面托管了几种专用字体:

    This property lets you select a specific font, for example:

    此属性使您可以选择特定的字体,例如:

    body {
      font-family: Helvetica;
    }

    You can set multiple values, so the second option will be used if the first cannot be used for some reason (if it’s not found on the machine, or the network connection to download the font failed, for example):

    您可以设置多个值,因此,如果由于某种原因无法使用第一个选项(例如,在计算机上找不到该选项,或者下载字体的网络连接失败),则将使用第二个选项:

    body {
      font-family: Helvetica, Arial;
    }

    I used some specific fonts up to now, ones we call Web Safe Fonts, as they are pre-installed on different operating systems.

    到目前为止,我使用了一些特定的字体,我们将其称为Web安全字体 ,因为它们已预先安装在不同的操作系统上。

    We divide them in Serif, Sans-Serif, and Monospace fonts. Here’s a list of some of the most popular ones:

    我们将它们分为Serif,Sans-Serif和Monospace字体。 以下是一些最受欢迎的列表:

    Serif - Georgia - Palatino - Times New Roman - Times

    Serif-乔治亚州-Palatino-时代New Roman-时代

    Sans-Serif - Arial - Helvetica - Verdana - Geneva - Tahoma - Lucida Grande - Impact - Trebuchet MS - Arial Black

    Sans-Serif -Arial-Helvetica-Verdana-日内瓦-Tahoma-Lucida Grande-冲击-Trebuchet MS-Arial Black

    Monospace - Courier New - Courier - Lucida Console - Monaco

    Monospace-快递-快递-Lucida Console-摩纳哥

    You can use all of those as font-family properties, but they are not guaranteed to be there for every system. Others exist, too, with a varying level of support.

    您可以将所有这些都用作font-family属性,但不能保证它们在每个系统中都存在。 其他人也存在不同程度的支持。

    You can also use generic names:

    您也可以使用通用名称:

    • sans-serif a font without ligatures

      sans-serif没有连字的字体

    • serif a font with ligatures

      serif字体带连字

    • monospace a font especially good for code

      monospace字体,特别适合代码

    • cursive used to simulate handwritten pieces

      cursive用于模拟手写作品

    • fantasy the name says it all

      fantasy这个名字说明了一切

    Those are typically used at the end of a font-family definition, to provide a fallback value in case nothing else can be applied:

    这些通常用于font-family定义的末尾,以提供备用值,以防万一无法应用其他任何方法:

    body {
      font-family: Helvetica, Arial, sans-serif;
    }

    font-weight (font-weight)

    This property sets the width of a font. You can use those predefined values:

    此属性设置字体的宽度。 您可以使用这些预定义的值:

    • normal

      正常
    • bold

      胆大
    • bolder (relative to the parent element)

      粗体(相对于父元素)
    • lighter (relative to the parent element)

      更轻(相对于父元素)

    Or using the numeric keywords

    或使用数字关键字

    • 100

      100
    • 200

      200
    • 300

      300
    • 400, mapped to normal

      400,映射为normal

    • 500

      500
    • 600

      600
    • 700 mapped to bold

      700映射为bold

    • 800

      800
    • 900

      900

    where 100 is the lightest font, and 900 is the boldest.

    其中100是最浅的字体,而900是最粗体。

    Some of those numeric values might not map to a font, because that must be provided in the font family. When one is missing, CSS makes that number be at least as bold as the preceding one, so you might have numbers that point to the same font.

    其中一些数字值可能无法映射到字体,因为必须在字体系列中提供该值。 如果缺少一个,CSS将使该数字至少与前一个数字一样大胆,因此您可能会有指向相同字体的数字。

    font-stretch (font-stretch)

    Allows to choose a narrow or wide face of the font, if available.

    允许选择字体的窄字体或宽字体(如果有)。

    This is important: the font must be equipped with different faces.

    这很重要:字体必须配备不同的字体。

    Values allowed are, from narrower to wider:

    允许的值从窄到宽:

    • ultra-condensed

      ultra-condensed

    • extra-condensed

      extra-condensed

    • condensed

      condensed

    • semi-condensed

      semi-condensed

    • normal

      normal

    • semi-expanded

      semi-expanded

    • expanded

      expanded

    • extra-expanded

      extra-expanded

    • ultra-expanded

      ultra-expanded

    font-style (font-style)

    Allows you to apply an italic style to a font:

    允许您将斜体样式应用于字体:

    p {
      font-style: italic;
    }

    This property also allows the values oblique and normal. There is very little, if any, difference between using italic and oblique. The first is easier to me, as HTML already offers an i element which means italic.

    此属性还允许值obliquenormal 。 很少有,如果有的话,使用之间的差异italicoblique 。 第一个对我来说比较容易,因为HTML已经提供了一个i元素,它表示斜体。

    font-size (font-size)

    This property is used to determine the size of fonts.

    此属性用于确定字体的大小。

    You can pass 2 kinds of values:

    您可以传递2种值:

    1. a length value, like px, em, rem etc, or a percentage

      长度值,例如pxemrem等,或百分比

    2. a predefined value keyword

      预定义的值关键字

    In the second case, the values you can use are:

    在第二种情况下,可以使用的值为:

    • xx-small

      xx小
    • x-small

    • small

    • medium

    • large

    • x-large

      x大
    • xx-large

      xx大
    • smaller (relative to the parent element)

      较小(相对于父元素)
    • larger (relative to the parent element)

      更大(相对于父元素)

    Usage:

    用法:

    p {
      font-size: 20px;
    }
    
    li {
      font-size: medium;
    }

    font-variant (font-variant)

    This property was originally used to change the text to small caps, and it had just 3 valid values:

    此属性最初用于将文本更改为小写,并且只有3个有效值:

    • normal

      normal

    • inherit

      inherit

    • small-caps

      small-caps

    Small caps means the text is rendered in “smaller caps” beside its uppercase letters.

    小写大写表示文本以大写字母旁边的“小写大写”呈现。

    font (font)

    The font property lets you apply different font properties in a single one, reducing the clutter.

    font属性使您可以在一个字体中应用不同的字体属性,从而减少混乱。

    We must at least set 2 properties, font-size and font-family, the others are optional:

    我们必须至少设置2个属性, font-sizefont-family ,其他属性是可选的:

    body {
      font: 20px Helvetica;
    }

    If we add other properties, they need to be put in the correct order.

    如果我们添加其他属性,则需要以正确的顺序放置它们。

    This is the order:

    这是命令:

    font: <font-stretch> <font-style> <font-variant> <font-weight> <font-size> <line-height> <font-family>;

    Example:

    例:

    body {
      font: italic bold 20px Helvetica;
    }
    
    section {
      font: small-caps bold 20px Helvetica;
    }

    使用@font-face加载自定义字体 (Loading custom fonts using @font-face)

    @font-face lets you add a new font family name, and map it to a file that holds a font.

    @font-face允许您添加新的字体系列名称,并将其映射到包含字体的文件。

    This font will be downloaded by the browser and used in the page, and it’s been such a fundamental change to typography on the web - we can now use any font we want.

    该字体将由浏览器下载并在页面中使用,这是对网络排版的根本改变-我们现在可以使用所需的任何字体。

    We can add @font-face declarations directly into our CSS, or link to a CSS dedicated to importing the font.

    我们可以将@font-face声明直接添加到我们CSS中,或链接到专用于导入字体CSS。

    In our CSS file we can also use @import to load that CSS file.

    在我们CSS文件中,我们还可以使用@import加载该CSS文件。

    A @font-face declaration contains several properties we use to define the font, including src, the URI (one or more URIs) to the font. This follows the same-origin policy, which means fonts can only be downloaded form the current origin (domain + port + protocol).

    @font-face声明包含一些用于定义字体的属性,包括src ,字体的URI(一个或多个URI)。 这遵循同源策略,这意味着只能从当前源(域+端口+协议)下载字体。

    Fonts are usually in the formats

    字体通常采用以下格式

    • woff (Web Open Font Format)

      woff (Web开放字体格式)

    • woff2 (Web Open Font Format 2.0)

      woff2 (网络开放字体格式2.0)

    • eot (Embedded Open Type)

      eot (嵌入式开放式)

    • otf (OpenType Font)

      otf (OpenType字体)

    • ttf (TrueType Font)

      ttf (TrueType字体)

    The following properties allow us to define the properties to the font we are going to load, as we saw above:

    如下所示,以下属性使我们能够定义将要加载的字体的属性:

    • font-family

      font-family

    • font-weight

      font-weight

    • font-style

      font-style

    • font-stretch

      font-stretch

    性能说明 (A note on performance)

    Of course loading a font has performance implications which you must consider when creating the design of your page.

    当然,加载字体会影响性能,在创建页面设计时必须考虑这些影响。

    翻译自: https://flaviocopes.com/css-fonts/

    css字体加粗

    展开全文
  • CSS字体加粗总结

    万次阅读 2016-03-16 11:54:20
    CSS 加粗知识与CSS 加粗实例 DIV+CSS基础知识 CSS 加粗这里指的是通过DIV CSS控制对象的加粗。 使用CSS属性单词 font-weight 对象值:从100到900,最常用font-weight的值为bold font-weight参数: normal : ...

    CSS 加粗知识与CSS 加粗实例



    DIV+CSS基础知识
    CSS 加粗这里指的是通过DIV CSS控制对象的加粗。


    使用CSS属性单词
    font-weight
    对象值:从100到900,最常用font-weight的值为bold


    font-weight参数:
    normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
    bold : 粗体。相当于number为700。也相当于b对象的作用
    bolder : IE5+ 特粗体
    lighter : IE5+ 细体
    number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900


    Html常规加粗标签
    以前html直接对对象加粗的标签如下:
    <b></b>或<strong></strong>两者效果相同。


    加粗实例,:
     <strong>我被加粗</strong><br />
    <b>我也被加粗了</b><br/>


     .yangshi1{ font-weight:bold}
    .yangshi2{ font-weight:800}
    Div html代码:
     <span class="yangshi1">我被加粗</span><br />
    <span class="yangshi2">我也被加粗了</span><br />


    总结
    1、在html对对象直接加粗可以用<b>或<strong>对其加粗
    2、使用CSS加粗对象可以使用font-weight:bold即可实现加粗。
    ========

    CSS font-weight 属性



    实例
    设置三个段落的字体的粗细:
    p.normal {font-weight:normal;}
    p.thick {font-weight:bold;}
    p.thicker {font-weight:900;}


    浏览器支持
    IE Firefox Chrome Safari Opera
    所有主流浏览器都支持 font-weight 属性。
    注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。


    定义和用法
    font-weight 属性设置文本的粗细。
    说明
    该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal,700 等价于 


    bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样


    粗。
    默认值: normal
    继承性: yes
    版本: CSS1
    JavaScript 语法: object.style.fontWeight="900"
    可能的值
    描述
    normal 默认值。定义标准的字符。
    bold 定义粗体字符。
    bolder 定义更粗的字符。
    lighter 定义更细的字符。
    100
    200
    300
    400
    500
    600
    700
    800
    900
    定义由粗到细的字符。400 等同于 normal,而 700 等同于 bold。
    inherit 规定应该从父元素继承字体的粗细。
    ========

    CSS字体加粗代码设置实例



    使用CSS的font-weight属性可以定义字体是否显示为加粗和变细的效果。


    1. 在CSS样式表中设置字体加粗的样式规则。代码如下:


    <style type="text/css">
    <!--
    p{font-size:18px;}
    .p1{font-weight:normal;}
    .p2{font-weight:bold;}
    .p3{font-weight:bolder;}
    .p4{font-weight:lighter;}
    .p5{font-weight:100;}
    .p6{font-weight:200;}
    .p7{font-weight:300;}
    .p8{font-weight:400;}
    .p9{font-weight:500;}
    .p10{font-weight:600;}
    .p11{font-weight:700;}
    .p12{font-weight:800;}
    .p13{font-weight:900;}
    -->
    </style>
    在上面的样式规则中,首先使用p标签选择器将所有的p元素都通过font-size属性把字体的大小设置为18


    像素,然后使用类选择器给不同的p元素定义字体加粗或变细的规则。


    2. 将类选择器应用到HTML网页的元素中。代码如下:


    <body>
    <p class="p1">font-weight属性设置为normal</p>
    <p class="p2">font-weight属性设置为bold</p>
    <p class="p3">font-weight属性设置为bolder</p>
    <p class="p4">font-weight属性设置为lighter</p>
    <p class="p5">font-weight属性设置为100</p>
    <p class="p6">font-weight属性设置为200</p>
    <p class="p7">font-weight属性设置为300</p>
    <p class="p8">font-weight属性设置为400</p>
    <p class="p9">font-weight属性设置为500</p>
    <p class="p10">font-weight属性设置为600</p>
    <p class="p11">font-weight属性设置为700</p>
    <p class="p12">font-weight属性设置为800</p>
    <p class="p13">font-weight属性设置为900</p>
    </body>
    上面的代码将这13个类选择器分别应用到了不同内容的p元素中,使每一个p元素中的字体都具备了加粗


    和变细的效果,同时定义元素中字体的大小为10px,以使字体的加粗效果更加明显。


    3. 在浏览器中浏览字体加粗的显示效果。如下图所示:


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 


    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>CSS字体加粗代码设置实例-www.baike369.com</title>
    <style type="text/css">
    <!--
    p{font-size:18px;}
    .p1{font-weight:normal;}
    .p2{font-weight:bold;}
    .p3{font-weight:bolder;}
    .p4{font-weight:lighter;}
    .p5{font-weight:100;}
    .p6{font-weight:200;}
    .p7{font-weight:300;}
    .p8{font-weight:400;}
    .p9{font-weight:500;}
    .p10{font-weight:600;}
    .p11{font-weight:700;}
    .p12{font-weight:800;}
    .p13{font-weight:900;}
    -->
    </style>
    </head>


    <body>
    <p class="p1">font-weight属性设置为normal</p>
    <p class="p2">font-weight属性设置为bold</p>
    <p class="p3">font-weight属性设置为bolder</p>
    <p class="p4">font-weight属性设置为lighter</p>
    <p class="p5">font-weight属性设置为100</p>
    <p class="p6">font-weight属性设置为200</p>
    <p class="p7">font-weight属性设置为300</p>
    <p class="p8">font-weight属性设置为400</p>
    <p class="p9">font-weight属性设置为500</p>
    <p class="p10">font-weight属性设置为600</p>
    <p class="p11">font-weight属性设置为700</p>
    <p class="p12">font-weight属性设置为800</p>
    <p class="p13">font-weight属性设置为900</p>
    </body>
    </html>


    ========

    css 文字加粗字体加粗代码有哪些加粗方式





    我们常常对HTML代码中文字字体进行加粗,无论中文、英文、数字以及符合进行加粗布局。DIVCSS5给大


    家介绍几种方法包括使用CSS加粗样式或HTML加粗标签。通过CSS实现文字加粗与HTML加粗标签实现文字


    加粗。
    一、css加粗


    CSS 加粗样式单词为font-weight
    使用语法:
    div{font-weight:bold }
    代表对DIV盒子内文字进行加粗样式设置。


    二、HTML加粗标签


    HTML加粗标签共有2个一个是<b></b>另外一个为<strong></strong>
    语法:
    1、<b>我被b标签加粗</b>
    2、<strong>我被strong标签加粗</strong>
    扩展阅读:


    三、css加粗与html加粗区别


    Css和html标签加粗本质效果没有区别,都是对文字字体内容进行加粗粗体显示。一个是通过css样式扩


    展,一个直接对文字内容用加粗标签进行文字加粗。
    四、如果选择css加粗还是标签加粗


    无论是div css加粗还是b和strong标签加粗均可,有时为了节约html标签,让HTML源代码更简洁我们就


    设置css加粗方式进行对文字字体加粗。但有时我们需要B或strong标签进行加粗,为了有利于SEO,我们


    可以选择html标签方式进行加粗。
    ========

    DIV CSS文字粗体字如何实现



    CSS DIV文字粗体字如何实现 html文字粗体如何设置?字体加粗与粗体实现篇!
    DIVCSS5为大家介绍两种对文本文字粗体字体加粗方法:
    一、使用html 加粗标签


    使用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>粗体实现 </title> 
    </head> 
    <body> 
    我是正常字体<br /> 
    <b>我被b粗体</b><br /> 
    <strong>我被strong粗体</strong> 
    </body> 
    </html> 
    2)、html粗体截图:


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


    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> 


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


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


    ========

    CSS去掉b加粗和strong加粗标签样式



    如何使用DIV+CSS去掉html中b加粗和strong加粗样式
    1、使用CSS样式属性单词:
    font-weight
    2、语法
    去掉对象加粗:font-weight:normal
    文字字体加粗:font-weight:bold


    3、CSS去除html b和html strong加粗样式案例
    去除html加粗标签加粗案例,假如我们需要对"divcss5"命名div盒子里的b加粗和strong加粗标签所加粗


    内容去除加粗样式(html b加粗与strong加粗区别)。
    1)、去掉加粗Css代码:
    .divcss5 b{font-weight:normal} 
    .divcss5 strong{font-weight:normal} 
    以上2段代码分别设置divcss5对象内b标签和strong标签去掉加粗样式(font-weight:normal)
    2)、去掉加粗html代码:
    <div> 
    <b>我在b标签内</b><br /> 
    <strong>我在strong标签内</strong> 
    </div> 
    <p></p> 
    <div class="divcss5"> 
    <b>我在加粗标签b内,但被CSS样式去除加粗</b><br /> 
    <strong>我在加粗标签strong内,但被CSS样式去除加粗</strong> 
    </div> 


    4、div css去掉html加粗标签加粗样式总结
    为什么要去除去掉html加粗标签本身加粗样式,通常我们布局时候考虑标签重用,有时也考虑搜索引擎


    优化,对文字字体加上加粗标签(html b加粗或html strong加粗)后,但不需要加粗样式,这个时候我


    们就可以使用font-weight:normal去掉b和strong本身加粗样式,让html加有加粗标签内容文字变正常(


    不加粗)。有时我们只需对某处的html加有加粗标签地方内容不加粗,我们可以如上案例那样,在建立


    css样式选择器时候前面加一个上级css类(css样式命名如案例:.divcss5 b{...})即可只去掉需要对


    应css类下加粗标签不加粗样式。
    ========

    HTML <B>加粗标签



    一、语法与结构


    <b> XXXXXXX </b>
    二、Html b加粗标签使用说明


    <b></b>加粗标签元素告诉浏览器把其加b标签的文本以粗体方式显示给浏览者。对于所有浏览器来说,


    这意味着要把这段文字加粗(粗体)样式方式呈现给大家显示。Html strong加粗标签与html B加粗标签


    显示效果相同,两者都将内容文本加粗方式显示呈现,两者都可以选择使用,
    三、b标签使用案例


    我是DIVCSS5!<br />
    我被HTML B标签<b>加粗</b>。


    五、b加粗总结


    1、<b> 标签修饰的内容将被加粗显示。
    2、html b加粗标签显示样式与html strong加粗标签显示样式相同,用法相同。
    3、对应在HTML网页中文本文字需要加粗显示,b和strong标签都可以使用。


    ========

    HTML <strong>加粗粗体标签元素



    一、语法与结构


    <strong> XXXXXXXX </strong>
    二、Html strong加粗标签使用说明


    <strong></strong>加粗标签元素告诉浏览器把其加strong标签的文本以加粗方式显示给浏览者。对于所


    有浏览器来说,这意味着要把这段文字加粗呈现给大家显示。Html strong加粗标签与html B加粗标签显


    示效果相同,两者都将内容文本加粗方式显示呈现,两者都可以选择使用,扩展阅读:css font-weight


    加粗。
    三、strong标签使用案例


    我是DIVCSS5!<br /> 
    我被HTML strong标签<strong>加粗</strong>。 


    五、加粗总结


    1、<strong> 标签修饰的内容将被加粗(了解css字体加粗)方式显示。
    2、html b加粗标签显示样式与html strong加粗标签显示样式相同,用法相同。
    3、对应在HTML网页中文本文字需要加粗显示,b和strong标签都可以使用。


    ========

    html <b>加粗与<strong>加粗标签区别



    html b加粗与strong加粗标签区别在哪
    1、html b与strong加粗标签区别
    <b></b>加粗标签与<strong></strong>加粗标签区别在于前者只有1个字符,后者6个字符字母标签。
    2、b与strong用法区别
    Html b与html strong加粗标签用法没有区别,一般想节约字节字符就用b加粗标签,建议大家不要刻意


    追求这两者用法与区别
    加粗用法案例片段代码如下:
    <b>我被B标签加粗</b><br /> 
    <strong>我被Strong标签加粗</strong><br /> 


    3、总结
    Html b加粗与html strong加粗本质没有区别,用法语法也没有区别,建议大家不要刻意追求此问题;就


    按照平时习惯使用这两者加粗标签即可;html b加粗标签是比较早的html出现使用加粗功能标签,而


    html strong稍后一点,至今所有浏览器都支持这两者加粗功能。
    ========

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



    css如何去掉h1 h2 h3 h4加粗并统一字体大小样式
    如何使用div css去掉<h1><h2><h3><h4>等标题标签默认加粗样式,同时统一这几个标题标签默认css字


    体大小。
    这里我们用到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像素。


    ========
    展开全文
  • css可以通过font-weight属性来设置字体加粗。font-weight属性可用于设置文本的粗细,一般设置该属性的值为bold或bolder来加粗字体。css可以通过font-weight属性来设置字体加粗。font-weight属性是用于设置显示元素的...

    css可以通过font-weight属性来设置字体加粗。font-weight属性可用于设置文本的粗细,一般设置该属性的值为bold或bolder来加粗字体。

    9d74ceab058bbe7c2a5f0e69236f53dd.png

    css可以通过font-weight属性来设置字体加粗。

    font-weight属性是用于设置显示元素的文本中所用的字体加粗的,而设置bold属性值可以定义粗体字符,bolder属性值可以定义更粗的字符,进而实现字体加粗效果。

    在css font-weight属性中不仅仅只有bold属性值和bolder属性值可以加粗字体,还设置数值来加粗字体。

    数字值 400 相当于 关键字 normal(标准字体),700 等价于 bold(粗体)。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样粗。

    font-weight属性:

    对象值:从100到900,最常用font-weight的值为bold

    font-weight参数:normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置

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

    bolder : IE5+ 特粗体

    lighter : IE5+ 细体

    number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

    示例:.yangshi1{ font-weight:bold}

    .yangshi2{ font-weight:800}

    HTML代码:我被加粗

    我也被加粗了

    我未被加粗

    效果图:

    03948aea078a80eccf5cee9565601cb3.png

    更多CSS相关知识,可访问 CSS教程 !!

    展开全文
  • 但是在css里面没有加粗按钮呀,那么css怎么设置字体加粗呢?下面本篇文章给大家介绍一下,希望对大家有所帮助。css怎么设置字体加粗?一说到在CSS里实现加粗,大家第一反应是不是使用font-weight属性。没错,这是在...
  • css可以通过font-weight属性来设置字体加粗。font-weight属性可用于设置文本的粗细,一般设置该属性的值为bold或bolder来加粗字体。css可以通过font-weight属性来设置字体加粗。font-weight属性是用于设置显示元素的...
  • 本篇文章就给大家介绍css设置字体加粗样式的方法,希望对大家有所帮助。首先我们通过简单的代码示例,为大家详细解说关于css给字体加粗的实现方法!css 字体加粗.a1{font-weight:bold;}.a2{font-weight:bolder;}这是...
  • HTML和CSS实现字体加粗的方法有哪些发布时间:2020-10-20 15:00:50来源:亿速云阅读:97作者:小新这篇文章主要介绍了HTML和CSS实现字体加粗的方法有哪些,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完...
  • 该属性用于设置显示元素的文本中所用的字体加粗。所有主流浏览器都支持font-weight属性。font-weight 属性设置文本的粗细。属性说明:该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 ...
  • 该属性用于设置显示元素的文本中所用的字体加粗。所有主流浏览器都支持font-weight属性。font-weight 属性设置文本的粗细。属性说明:该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 ...
  • css字体加粗font-weight
  • 一、去除粗体CSS属性单词font-weight——粗体,加粗名目单词去除勾销加粗粗体样式:font-weight:normal二、常见自带粗体html标签元素1、b —— 自己是加粗粗体标签 我被B加粗2、strong —— 本人是加粗粗体标签 我被...
  • 字体加粗方式: font-weight: bold; 或者通过值来加粗: font-weight:800;   html中对字体加粗的其他方式: &lt;b&gt;&lt;/b&gt;或&lt;strong&gt;&lt;/strong&gt; css中id...
  • 导读CSS字体属性定义字体,加粗,大小,文字样式。serif和sans-serif字体之间的区别在计算机屏幕上,sans-serif字体被认为是比serif字体容易阅读CSS字型在CSS中,有两种类型的字体系列名称:通用字体系列 - 拥有相似...
  • CSS字体样式

    2017-07-26 13:07:10
    CSS字体样式属性的简介
  • CSS字体加粗又怎么来实现?粗体代码是什么?综合以上问题,可以使用CSS样式和HTML标签两种方法来实现,在实际布局时候根据需要来选择文字字体加粗方法途径。一、html加粗标签加粗标签有两个,一个“b”标签,一个...
  • CSS 字体样式

    2020-09-11 09:54:51
    本节我们来讲字体样式,之前我们学习 HTML 的时候学过一些用于字体加粗、倾斜的标签,但是使用标签来实现的效果肯定没有我们通过 CSS 中的样式来的方便。 接下来我们会给大家介绍下面这几个属性的使用: 属性 ...
  • css 利用阴影给字体加粗

    千次阅读 2016-08-12 20:39:25
    想要把字体加粗,但是css样式提供的最粗的font-weight:900;也达不到要求时,可以利用css的text-shadow给字体加上多个阴影从而把字体调的更粗一点,当然直接换字体也是可以的。 正常字体粗细 使用标签和显示效果...
  • css实现去掉加粗字体样式

    千次阅读 2020-09-09 12:54:32
    font-weight——粗体 加粗名目单词 css去除粗体通用方法 font-weight:normal
  • css字体相关样式

    2019-04-26 19:01:20
    css字体相关样式 font-family:字体 font-family属性用于设置字体。网页中常用的字体有宋体,微软雅黑,黑体等 p{font-family:“微软雅黑”;} 可以同时指定对各字体,中间以逗号隔开,表示如果浏览器不支持第一个...
  • 爱是朝朝暮暮的相守CSS字体样式属性font-size:字号大小font-family:字体注意CSS Unicode字体font-weight:字体粗细font-style:字体风格font:综合设置字体样式 (重点)CSS外观属性color:文本颜色line-height:行间距text...
  • CSS字体文本样式

    2016-09-23 16:56:04
    CSS字体文本样式 一.字体样式 1.font-size 修改文本的字体大小(没啥可说哒^ . ^) 可选择的 xx-small x-small small medium large x-large xx-large 注意:chrome最小的字体为12px 如果你设置的字体小于12px...
  • css字体样式

    2020-06-11 17:18:09
    字体大小 字体大小一般为偶数 12px 14px 18px font-size: 18px; 文字字体 font-family: "微软雅黑" ; 字体风格(一般用于倾斜或者不倾斜) ...字体加粗 100 - 900 normal = 400 bold = 700 font-weight: blid; ...
  • CSS 字体

    2020-12-13 22:08:09
    CSS字体属性定义字体,加粗,大小,文字样式。 serif和sans-serif字体之间的区别 在计算机屏幕上,sans-serif字体被认为是比serif字体容易阅读 CSS字型 在CSS中,有两种类型的字体系列名称: 通用字体系列 – ...
  • css字体样式属性

    2019-09-11 15:09:02
    因为CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。 下面我们来仔细讲解一下CSS CSS(Cascading Style Sheets)通常称它样式表或层叠样式表 ...
  • 需要更改字体和居中显示css字体样式有哪些非常多,可以设置系统中的任何一种字体样式,Windows自带中文字体:宋体、黑体、楷体(GB2312)、仿宋(GB2312)、微软雅黑等。 Windows自带英文字体:Arial、Verdana、 Geneva...
  • CSS字体样式: font-family: 字体 font-size: 大小 font-weight: 粗细 color: 颜色 CSS文本样式: text-align: 排版(:center居中) text-indent:首行缩进 line-height: 行高 text-decoration: 装饰(:none ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 17,450
精华内容 6,980
关键字:

css字体加粗样式