前端基础学习笔记 字体文本样式和特殊符号

字体样式

字体颜色 color
字体风格 font-family

​
span{
font-family:'微软雅黑','宋体';
}
引入外部字体
@font-face{
font-family:"名称";
src:url(' ');
}

​

字体大小 font-size

div{
/*具体的值*/
font-size:50px;
/*百分比 相当于父容器的字体百分比调整 浏览器默认字体大小16px*/
font-size:50%;
/*根据父元素字体大小来调整*/
font-size:1em;
/*当html字体大小为100px的时候 我想得到一个14px的字体，14/100 等于0.14rem
移动端布局比较多*/
font-size:1rem;
}

字体粗细 font-weight

1. bold  定义粗的字体
2. bolder  定义更粗的字体
3. lighter  定义更细的字体 
4. 100 200 300 400 500 600 700 800 900 数值的写法没有单位
5. normal 默认  默认一般是用来给本来就加粗的字体，变成普通粗度

规定字体是否倾斜 font-style

1. italic 定义字体倾斜
2. oblique 定义字体的斜体 (两者没有明显的区别，记住一个就行)
3. normal 默认  一般用来规定本来就是斜体的字体变成普通字体

规定小型大写字母 font-variant