4.24和4.29
4.24和4.29笔记
一.css样式规则：
选择器{属性1：属性值1；属性2：属性值2；属性3：属性值3；}
二.引入样式表的方式：
1.行内式：
<标记名 style属性1：属性值1；属性2：属性值2；属性3：属性值3；>内容</标记名>
2.内嵌式：
<head>
<style type="text/css">
选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
</style>
</head>
3.嵌入式:是将所有的样式放在一个或多个以css为拓展名的外部样式表文件中
<head>
<link href="CSS的文件路径"type="text/css" rel="stylesheet"
</head>
注意：1.先写外部样式，再写内部样式，防止发生冲突
2.行内样式，只能在标签后使用style属性
三.CSS选择器（课本p84,85)
1.标记选择器：按标签名称分类
标记名{属性1：属性值1；属性2：属性值2；属性3：属性值3；}
2.类选择器：使用“.”(英文符号)+类名
.类名{属性1：属性值1；属性2：属性值2；属性3：属性值3；}
3.id选择器：使用“#”(英文符号)+id
#id{属性1：属性值1；属性2：属性值2；属性3：属性值3；}
4.标签指定选择器：标签+id ，不能有空格
5.后代选择器：一定要有空格
6.并集选择器：逗号连接
四.字体样式属性
1.font-size：设置字号
单位：em：适用于首行缩进2字符，默认16px
pm：
2.font-family：设置字体，默认微软雅黑
3.font-weight：设置字体粗细，默认normal，400，没有单位，直接写数字和分号
4.font-style：设置字体变化，倾斜，italic
5.font-face：
格式：font-face{
font-family：字体名称；
src：字体路径；
}
区分：（1）margin:0 auto;浏览器界面中居中
（2）text-align:center;容器中居中
white-space:nowrap;中文折行
overflow:hidden;超出部分隐藏
text-overflow:ellipsis；超出部分用省略号代替
浙公网安备 33010602011771号