不推荐使用标签，因为其已被废弃且导致样式与内容耦合，维护困难。现在推荐用css设置文字样式，具体方法有三种：1.行内样式，直接在html标签里写style属性；2.内部样式表，在html的里用
HTML设置文字样式，说白了就是让你的网页上的字更好看、更符合你的设计。以前用标签，现在都用CSS了，更灵活，也更强大。
用CSS设置文字样式是王道。
为什么不推荐使用
标签虽然简单，但问题也很多。它属于 HTML4 时代的产物，现在已经被废弃了。最主要的原因是：样式和内容混在一起，维护起来简直是噩梦。想象一下，如果整个网站的字体都要改，用 标签的话，你就得一个一个页面去改，改到天荒地老。而 CSS 可以统一管理，改一个地方，整个网站都变了。
立即学习“前端免费学习笔记（深入）”；
CSS 设置文字样式有哪些方法？
CSS 设置文字样式的方法很多，我最常用的是这几种：
-
行内样式 (Inline Styles): 直接在 HTML 标签里写 style 属性。比如：
这段文字是蓝色的，16像素大小。
-
内部样式表 (Internal Style Sheets): 在 HTML 的
标签里用标签定义 CSS 规则。 比如：这种方法比行内样式好一些，但还是不够灵活。
-
外部样式表 (External Style Sheets): 把 CSS 规则写在一个单独的
.css文件里，然后在 HTML 里用标签引入。 比如：这是最推荐的方法，可以实现样式和内容完全分离，方便维护和管理。
CSS 都有哪些常用的文字样式属性？
常用的 CSS 文字样式属性太多了，我列几个最常用的：
-
color: 设置文字颜色。可以用颜色名 (如red,blue)，也可以用十六进制颜色码 (如#FF0000)，或者 RGB 值 (如rgb(255, 0, 0))。 -
font-family: 设置字体。比如font-family: Arial, Helvetica, sans-serif;浏览器会按照顺序尝试使用这些字体，如果第一个找不到，就用第二个，以此类推。 -
font-size: 设置字体大小。可以用像素 (如16px)，也可以用 em (如1em)，或者百分比 (如100%)。 -
font-weight: 设置字体粗细。常用的值有normal,bold,lighter,bolder, 以及数字 (如400等于normal,700等于bold)。 -
font-style: 设置字体样式。常用的值有normal,italic,oblique。 -
text-align: 设置文字对齐方式。常用的值有left,right,center,justify。 -
line-height: 设置行高。可以用像素、em、或者一个数字 (表示行高是字体大小的倍数)。 -
text-decoration: 设置文字装饰。常用的值有none(无装饰),underline(下划线),overline(上划线),line-through(删除线)。
如何使用 CSS 选择器更精确地设置文字样式？
CSS 选择器是 CSS 的灵魂。你可以用不同的选择器来选中不同的 HTML 元素，然后设置它们的样式。
-
元素选择器 (Element Selectors): 直接用 HTML 标签名来选择元素。 比如
p { ... }会选中所有的标签。 -
类选择器 (Class Selectors): 用
.加上类名来选择元素。 比如对应的 CSS 是.highlight { ... } -
ID 选择器 (ID Selectors): 用
#加上 ID 名来选择元素。 比如对应的 CSS 是#important { ... }注意，一个页面里 ID 应该是唯一的。 -
属性选择器 (Attribute Selectors): 根据元素的属性来选择元素。 比如
a[href]会选中所有有href属性的标签的代码，把它复制到你的 HTML 的div p标签里。 -
在 CSS 里使用字体: 在你的 CSS 里，用 属性来指定你选择的字体。 比如
使用在线字体很简单，但要注意加载速度，尽量选择 CDN 加速的字体服务。
如何解决 CSS 样式冲突的问题？
CSS 样式冲突是很常见的，特别是大型项目里。 解决样式冲突，主要有以下几个方法：
-
提高选择器的优先级: CSS 选择器有优先级，优先级高的会覆盖优先级低的。 一般来说，ID 选择器 > 类选择器 > 元素选择器。 行内样式 > 内部样式表 > 外部样式表。
div > p可以强制提高优先级，但不推荐滥用。 -
使用更具体的选择器: 比如，与其用
-
提高选择器的优先级: CSS 选择器有优先级，优先级高的会覆盖优先级低的。 一般来说，ID 选择器 > 类选择器 > 元素选择器。 行内样式 > 内部样式表 > 外部样式表。
