设置字体风格

字体

font-family
设置字体风格
1.当font-family的属性值包含空格或特殊字符时 需要将font-family属性值用引号括起来
2.font-family有‘后备’机制 可以为元素设置多种字体 当浏览器不识别第一种字体时 会尝试找下一个
3.当font-family 的属性值又多个时 使用逗号隔开
font-family : 楷体;
font-family : “agency fb”;
font-family : “agency fb”,楷体,宋体;

font-size
设置字体大小
font-size : 20px;

font-style
设置字体风格
normal 正常体
italic 斜体
oblique 斜体(强制倾斜)

font-weight
设置字体的粗细
bold 粗体
100-900 值越大字体越粗
400 正常字体
700 粗体

7.display属性
display
规定元素生成框的类型
block 元素会被显示 且元素会变成块级元素 元素前后会有换行符
none 元素会被隐藏
inline 元素会显示为行内元素 元素前后没有换行符
inline-block 行内块级元素

	块级元素
		可以设置元素的宽高和边框 元素会自动换行

	行内元素
		不可以设置元素的宽高和边框 元素不会自动换行

	行内块级元素
		可以设置元素的宽高和边框 元素不会自动换行

8.浮动float
float
none

	left
		左浮动

	right
		右浮动

1. 只有横向浮动 没有纵向浮动
2. 会将元素的display属性变更为block
3. 浮动元素的后一个元素会围绕着浮动元素 (典型运用时文字围绕图片)
4. 浮动元素的前一个元素不会受到任何影响(如果想让两个块级元素并排显示 必须让两个块级元素都应用float)

清除浮动
Clear:both;

9.盒子模型
border
设置所有的边框属性
border-style
设置边框风格
solid(实线边框) dashed(虚线边框) dotted(点线边框) double(定义两个边框)

		border-color
			设置边框颜色

		border-width
			设置边框粗细

		border-collapse   合并边框
			设置是否将表格边框折叠为单一边框
			属性值 separate(单元格边框独立 默认) collapse(单元格边框合并)

		border-radius
			设置边框圆角

padding
	设置内边距

margin
	设置外边距

10.伪类选择器

:hover(盘旋)
	鼠标移入触发
	写法：

选择器 : hover{
属性名:属性值;
}