phpstorm

css

html

为演示方便，使用的是内部样式表，推荐大家使用外部样式表，方便后期维护。

一、使用font-stylefont-style 属性最常用于规定斜体文本。该属性有三个值：normal - 文本正常显示italic - 文本斜体显示oblique - 文本倾斜显示

italic 和 oblique 的区别font-style 非常简单：用于在 normal 文本、italic 文本和 oblique 文本之间选择。唯一有点复杂的是明确 italic 文本和 oblique 文本之间的差别。斜体（italic）是一种简单的字体风格，对每个字母的结构有一些小改动，来反映变化的外观。与此不同，倾斜（oblique）文本则是正常竖直文本的一个倾斜版本。通常情况下，italic 和 oblique 文本在 web 浏览器中看上去完全一样。

二、使用font-weigth使用 bold 关键字可以将文本设置为粗体。关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别，那么这些数字就直接映射到预定义的级别，100 对应最细的字体变形，900 对应最粗的字体变形。数字 400 等价于 normal，而 700 等价于 bold。如果将元素的加粗设置为 bolder，浏览器会设置比所继承值更粗的一个字体加粗。与此相反，关键词 lighter 会导致浏览器将加粗度下移而不是上移。

三、使用font-sizefont-size 属性设置文本的大小。有能力管理文本的大小在 web 设计领域很重要。但是，您不应当通过调整文本大小使段落看上去像标题，或者使标题看上去像段落。请始终使用正确的 HTML 标题，比如使用

-

来标记标题，使用

来标记段落。font-size 值可以是绝对或相对值。

font-size 值可以是绝对或相对值。绝对值：将文本设置为指定的大小不允许用户在所有浏览器中改变文本大小（不利于可用性）绝对大小在确定了输出的物理尺寸时很有用相对大小：相对于周围的元素来设置大小允许用户在浏览器改变文本大小END