前端学习第4天：css-文本样式

第四天

1.文本样式属性

1.1字体类型 font-family

​ 语法：

{
	font-familu:字体1，字体2，字体3；
}

<!-- 当字体名是单个英文单词时，不加引号 -->
{
	font-family:SimSun；
}
<!-- 当字体名是中文时，需要加引号 -->
{
	font-family:"微软雅黑"；
}
<!-- 当字体名中有空格时，需要加引号 -->
{
	font-family:"Times New Roman"；
}

1.2 字体大小 font-size

​ 语法：

{
	font-size:数值px;
}
<!-- 
	A.属性值为数值时，必须加单位px/pt/em ->9pt=12px ->1em=16px,0.75em=12px.
	B.浏览器默认字体为1em=12px，最小为0.75em=12px.
-->

1.3 字体颜色 color

​ 语法：

{
 color:颜色值;
}
<!-- 
	A.16进制颜色模式：0，1，2，3，4，5，6，7，8，9，A,B,C,D,E,F ->color:#FF0000
	B.rgb颜色模式：color:rgb(0,0,0)->三个取值在0~255
	C.rgba颜色模式：color:rgba(0,0,0,0.5)->a的取值在0~1之间
-->

1.4 字体粗细 font-weight

​ 语法：

{
	font-weight:500;
}
<!-- 
	此处属性值分别是9个等级：100-900 或者 normal（正常/默认) bold(加粗) bolder(更粗)
	默认字体：500
	粗体：6