CSS学习笔记——文本字体设计

在前端基础的学习中，对于字体接触的比较多的便是标题字体（H1-H6)和文本字体，标题字体默认加粗，文本字体的设计一般通过<font>标签进行设计。

1）标题<hn>和文本字体<font>

例子：实现效果

代码：

  <div style="width: 200px; height:150px; border: 2px red dotted;">
     <h2 align="center">标题</h2>
    <font face="小楷" size="4px" color="#FF0000">文本内容</font>
  </div>

2）特殊字体
有时候，为了针对 某些字进行突出，需要对其进行修饰。常见的修饰在CSS样式字体属性中的text-decoraction属性实现。
语法：text-decoration:underline | overline | line-through | blink | none等

3）在文字上方标注说明<ruby>
语法：

<ruby>
	被说明的文字
	<rt>
	文字的标注
	</rt
</ruby>
说明：被<rt>标记的文字将以缩小字号的形式，显示在以<ruby>标记标示的文字上方，用来说明这段文字。

学习心得：字体的相关属性比较多，学习的时候能知道相对应的属性和对应的值，但是在用的时候往往出现无法对号入座。其中，有些属性是可以在标签内部使用的，有些属性只能通过style引用或者外部选择器。这也是需要注意的一个点。