CSS基础复习笔记2.1---字体样式

1.字体的选择：

例：p{font-family: "微软雅黑","宋体",sans-serif;}

注释：浏览器会依次查找有没有微软雅黑和宋体，都没有则按默认字体。

2.字体大小设置：

常用相对单位px（像素，同为50px，受分辨率影响字体大小会不同，所以手机端一般不用这个），em和%（相对父元素字体大小变化）

例：p{font-size: 50px/2em/150%;}

3.字体颜色设置：

使用具体颜色名称，rgb值（数字方式范围0~255，百分比范围0%~100%），十六进制（#开头，六位，不区分大小写）

例：

h3{color:blue;}
p{color: rgb(0%,100%,0%);}
div{color: #008800；}

4.字体粗细设置：

例：p{font-weight: normal/bold/bolder/lighter/100~900;}

注释：默认值normal，400等同于normal，700等同于bold

5.字体倾斜设置：

例：p{font-style:normal/italic/oblique;}  

6.字体变形

例：p{font-variant:normal/small-caps;}

效果图：