字体大小:
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;有一部分的定位知识
做出来的效果