html、css文字加粗方法-创新互联

一般来说前端加粗字体的方法有两种,一个是html标签加粗的方法,另一个是css加粗字体的方法,还有一个是字体加粗方法。前两个是我们最常用的方法,后一个感觉有点非主流的方法,也不知道我是怎么想到这种方法的,有点为自己的智商感到悲伤,下面给大家详细的介绍一下。

10年积累的做网站、成都网站制作经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先制作网站后付款的网站建设流程,更有察隅免费网站建设让你可以放心的选择与我们合作。

一、标签方法加粗文字

1、h(1~6标签)书写方式

h2标签 -> CGLweb前端


h3标签 -> CGLweb前端


h4标签 -> CGLweb前端


h5标签 -> CGLweb前端

h6标签 -> CGLweb前端

h7标签 -> CGLweb前端
2、页面效果

h2标签 -> CGLweb前端
h3标签 -> CGLweb前端
h4标签 -> CGLweb前端
h5标签 -> CGLweb前端
h6标签 -> CGLweb前端
h7标签 -> CGLweb前端

2、strong标签

strong标签 -> CGLweb前端(www.gendan5.com)
strong标签 -> CGLweb前端

3、b标签

b标签 -> CGLweb前端
b标签 -> CGLweb前端

这其中我们一般是使用strong来加粗的,原因如下,b标签现在已经是废弃标签,所以我们就不用了。

h标签一般用在SEO优化的,所以除非是列表、二级菜单、详情页标题除外不建议使用。

因为有些浏览器对h标签定义的文字大小不一样,所以我们为了每一个浏览器上文字大小一样,会设置一样的fon-size。

二、CSS方法加粗文字

css有个文字加粗的属性

font-weight:normal|bold|bolder|lighter|inherit|

1、normal:默认值。定义标准的字符。

2、bold:定义粗体字符。

3、bolder:定义更粗的字符。

4、lighter:定义更细的字符。

5、数字:|100|200|300|400|500|600|700|800|900定义由粗到细的字符。400 等同于 normal,而 700 等同于 bold。

6、inherit:规定从父元素继承字体的粗细。

1、css书写方式为一下:


2、页面效果可以自己试一下

其实感觉css加粗的各种数值和属性,以我24K合金眼睛来观察了一下,并没有什么区别,只有加粗和不加粗的区别而已,希望有知道的道友指点一二。

二、字体加粗方法

1、书写方式

CGLweb前端 -> font-family:'楷体'


CGLweb前端 -> font-family:'黑体'


CGLweb前端 -> font-family:Impact


CGLweb前端 -> font-family:'仿宋'


CGLweb前端 -> font-family:'微软雅黑'


2、页面效果

CGLweb前端 -> font-family:’楷体’

CGLweb前端 -> font-family:’黑体’

CGLweb前端 -> font-family:Impact

CGLweb前端 -> font-family:’仿宋’

CGLweb前端 -> font-family:’微软雅黑’

这个方法在很久以前使用过,主要是用在英文会好点,咱们就看Impact这个字体就能知道加粗是多么的厉害了。

汉字的话因为考虑到电脑上缺失字体的原因不建议使用,目前还没有在汉字上使用过。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


名称栏目:html、css文字加粗方法-创新互联
新闻来源:http://pwwzsj.com/article/eojss.html