add: 用css border 画等边三角形

03-CSS进阶/02-CSS中的非布局样式.md

@@ -8,13 +8,17 @@ CSS中，有很多**非布局样式**，这些样式（属性）和与布局无
 - 滚动、换行
 - 装饰性属性（粗体、斜体、下划线）等。
 
+这篇文章，我们来对上面的部分样式做一个回顾。
+
 ## 字体
 
 ### 字体分类
 
-常见的字体可以可以分为两类：**衬线体、无衬线体**。
+常见的字体可以分为两类：**衬线体、无衬线体**。
 
-**1、serif（衬线体）**：在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。比如：宋体。
+![](http://img.smyhvae.com/20191004_1101.png)
+
+**1、serif（衬线体）**：在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。比如：宋体、楷体。
 
 **2、sans-serif（无衬线体）**：笔划粗细基本一致，只剩下主干，造型简明有力，起源也很晚。适用于标题、广告等，识别性高。
 
@@ -25,14 +29,14 @@ CSS中，有很多**非布局样式**，这些样式（属性）和与布局无
 - Arial：Windows平台默认的英文字体
 - 苹方（PingFang SC）：Mac & iOS 平台的中文字体
 - San Francisco：Mac & iOS 平台的英文字体
-- [思源黑体](https://baike.baidu.com/item/%E6%80%9D%E6%BA%90%E9%BB%91%E4%BD%93/14919098)。是Adobe和Google 在2014年7月联合推出的一款开源字体。
+- [思源黑体](https://baike.baidu.com/item/%E6%80%9D%E6%BA%90%E9%BB%91%E4%BD%93/14919098)。是 Adobe 和 Google 在2014年7月联合推出的一款开源字体。
 
-20191004_1100.png
 
 补充：
 
-- 海报设计、PPT不要用宋体。
-- 乔布斯
+（1）海报设计、PPT不要用宋体。
+
+（2）乔布斯
 
 参考链接：[如何优雅的选择字体(font-family)](https://segmentfault.com/a/1190000006110417)
 
@@ -41,14 +45,14 @@ CSS中，有很多**非布局样式**，这些样式（属性）和与布局无
 css 中的字体族可以理解成是某一类字体。常见的字体族可以分为五类：
 
 - serif:衬线体。
-- sans-serif：无衬线体
+- sans-serif：无衬线体。
 - monospace：等宽字体。每一个字母所占的宽度是相同的。写代码的字体尽量用等宽字体。
 - cursive：手写字体。比如徐静蕾手写体。
 - fantasy：梦幻字体。比如一些艺术字。
 
-这五类字体组不代表某一个具体的字体，而是当你在 css 中指定字体族的时候，就有可能从中找出一种字体来显示。
+这五类字体族不代表某一个具体的字体，而是当你在 css 中指定字体族的时候，就有可能在字体族中找出一种字体来显示。
 
-20191004_1130.png
+![](http://img.smyhvae.com/20191004_1130.png)
 
 参考链接：[serif，sans-serif，monospace，cursive和fantasy](http://www.ayqy.net/blog/serif%EF%BC%8Csans-serif%EF%BC%8Cmonospace%EF%BC%8Ccursive%E5%92%8Cfantasy/)
 
@@ -75,7 +79,15 @@ css 中的字体族可以理解成是某一类字体。常见的字体族可以
 
 - 网络字体
 
-- iconfont
+- [iconfont](https://www.iconfont.cn/)
+
+## 边框
+
+如何用边框画一个三角形？详见《02-CSS基础/06-CSS盒模型详解》中的最后一段。
+
+
+
+