字体大小_font-size
/* 浏览器默认字体大小 16px */
font-size: 16px;
<div style="font-size: 16px;">Hello World!</div>
<div style="font-size: 26px;">Hello World!</div>
字体粗细_font-weight
<div style="font-weight: normal">Hello World!</div>
<div style="font-weight: bold">Hello World!</div>
字体样式_font-style
<div style="font-style: normal;">Hello World!</div>
<div style="font-style: italic;">Hello World!</div>
字体系列_font-family
<div style="font-family: 微软雅黑, 黑体, sans-serif;">Hello World!</div>
<div style="font-family: 宋体, Times New Roman, serif;">Hello World!</div>
<div style="font-family: Consolas, fira Code, monospace;">Hello World!</div>
文本缩进_text-indent
/* 首行缩进2个字符 */
text-indent: 2em;
<p>Hello World!</p>
<p style="text-indent: 2em;">Hello World!</p>
文本水平对齐方式_text-align
内容居中需要给父元素设置居中属性
<p>Hello World!</p>
<p style="text-align: center;">Hello World!</p>
文本修饰_text-decoration
text-decoration: none;
<p style="text-decoration: none;">Hello World!</p>
<p style="text-decoration: underline;">Hello World!</p>
<p style="text-decoration: line-through;">Hello World!</p>
<p style="text-decoration: overline;">Hello World!</p>
行高_line-height
line-height: 1.5;
<p style="line-height: 1">Hello World!</p>
<p style="line-height: 1.5;">Hello World!</p>
<p style="line-height: 3;">Hello World!</p>
font 属性简写
<div style="font: italic normal 700 24px/3 sans-serif;">Hello World!</div>