css div里引用em字体会变斜体_CSS文字加粗斜体[解决代码]

CSS如何给文字加粗，这是小白常见的问题，今天俺跟大家总结分享。

标签解决办法

一般老的浏览器可能会使用类似或来加粗文字用来设置斜体，例如以下代码：

加粗字体

斜体

但是此办法语义化不是很好，设置字体加粗推荐使用下面的另外一种方法。

CSS解决

设置font-weight也可以用来给字加粗，而且在实际项目中使用这种方法更多。

参数值

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

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

bolder : IE5+　特粗体

lighter : IE5+　细体

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

设置font-style为italic可以用来给文字设置斜体，设置斜体在实际项目中用的其实不多，这里只作为学习使用。

normal：默认值。浏览器显示一个标准的字体样式。

italic：浏览器会显示一个斜体的字体样式。

oblique：浏览器会显示一个倾斜的字体样式。

inherit：规定应该从父元素继承字体样式。

实现代码

我们只需要在我们需要设置的选择器中添加样式就行了，例如我想给p标签设置加粗给div设置斜体，可以按照如下代码设置：

font-weight:bold;

}

div{

font-style:italic;

}

总结

推荐使用font-weight 来设置加粗，用font-style来设置斜体，因为语义化更好，html代表的是网页结构，而css代表的是网页样式。

原创文章，作者：犀牛前端部落，如若转载，请注明出处：https://www.pipipi.net/2486.html

css div里引用em字体会变斜体_CSS文字加粗斜体[解决代码]相关推荐

css div里引用em字体会变斜体_前端开发中7种必要了解的CSS长度单位
众所周知CSS技术我们虽然很熟悉,在使用的过程却很容易被困住,这让我们在新问题出现的时候变得很不利.随着web继续不断地发展,对于新技术新解决方案的要求也会不断增长.因此,作为网页设计师和前端开发人员 ...
css div里引用em字体会变斜体_DIV+CSS怎么样改字体样式
展开全部 1.先给想要改字体样2113式5261的div加一个class或者id 2.用4102选择器找到中国div(.class或者#id) 2.在1653 DIV+CSS怎么样改权字体样式 .on ...
CSS入门六：字体样式；字体（楷体、隶书等），斜体，文字加粗，字体大小；
1.字体样式下面四个,font-family和font-size先前已经接触过了:这篇博客的核心内容就是,italic和bold两个: ● 2.font-style: italic:斜体,对于大多数 ...
php如何把文字加粗,HTML中如何将字体加粗
在HTML中要将字体加粗我们有两种方法,一种是利用b标签:另一种是利用strong标签,本篇文章我们就来介绍一下HTML中b标签和strong标签的用法. b标签和strong标签虽然都是可以让字体加 ...
Matplotlib作图中坐标轴字体的加粗斜体格式
Matplotlib作图中坐标轴字体的加粗斜体格式背景介绍科研作图中,坐标轴的字体.字号等参数有常用的选择,我常用的参数如下,坐标轴名称的字体是roman,字体需要加粗:坐标轴刻度的字体是rom ...
CSDN文字字体、大小、颜色、加粗、居中、斜体设置
CSDN文字字体.大小.颜色.加粗.居中.斜体设置写在前面一.文字字体二.文字大小三.文字颜色四.文字加粗 (1)方法一 (2)方法二五.文字居中六.文字斜体写在最后写在前面在 ...
CAD图纸打印成PDF，字体间距变宽或显示不全的完美解决方法
1.cad在打印为PDF文件时,字体会变宽,显示如下图 cad显示: 打印为PDF后显示,字体间隔明显变宽了解决办法:在布局打印中,选择PDF选项,然后在字体处理中选择去掉"捕获图形中使 ...
LaTeX表格字体加粗（解决文本变宽问题）
latex中对文本加粗常用的方法是 \textbf{*} 在表格中,这个命令也同样生效.但它会使文本变宽,如尝试的方法网上找了很多办法,想改变表格加粗的宽度,常见是是调整LaTeX字体,如下 Co ...
学习整理Fabric.js 实现文本文字加粗、下划线、斜体、竖排、字体对齐代码
原图效果图代码 index.html <!DOCTYPE HTML> <html> <head><meta charset="utf-8&quo ...

css div里引用em字体会变斜体_CSS文字加粗斜体[解决代码]

css div里引用em字体会变斜体_CSS文字加粗斜体[解决代码]相关推荐

最新文章

热门文章