自己所能理解的CSS（三）

字体大小：

font-size: 12px;（默认16px）设置的是字体的高

字体是否加粗：

font-weight: bold; （四种选填值：lighter，normal，bold，bolder ；数字：100-200-300-- 900）

字体斜体：

font-style: italic;

字体样式：

font-family: cursive;

字体颜色：

color: #999;

颜色设置方案：

1、纯英文单词

2、颜色代码

颜色代码由 # 和 三个三原色的饱和程度（16进制来表示）来构成

Red（00~ff/FF）Green（00~ff/FF）Blue（00~ff/FF）

00表示什么的没有

如果颜色代码的每两位都是重复的，就可以简写为3个

f40（淘宝红 莫名想笑）

3、颜色函数

边框---border

border是一个复合属性

border-width:20px;

border-style:solid;（solid---实体 dotted---点状虚线  dashed---条状虚线）

用border画三角形

原理：首先建立一个这样的div

然后逐渐将width和height缩小

再缩小

到0

这个时候我们把border四周用上不同的颜色

就是这样子了

可以看见在扩大的了border边框的交界处是分开的

那么我们把其中三条边设置为透明属性，不就出现三角形了吗

但是要注意元素还是在的，注意三角形放的位置

三角形的线：

思路就是将两个三角形重叠放置，然后将一个三角形设置为白色，然后将内部的那个三角形往左移动 1px；有一部分的定位知识

做出来的效果