CSS笔记
1、css：用来修饰网页的；html：用来做网页结构的
2、CSS：全称：CascadingStyle Sheet，中文：层叠样式表
3、CSS选择器的语法结构：
选择器名{
属性1：属性值1;
属性2：属性值2;
属性3：属性值3;
……
}
4、CSS选择器的种类：
（1）、全局选择器
（2）、标签选择器
（3）、类选择器
（4）、ID选择器
（5）、伪类选择器
5、全局选择器：
格式：
*{
属性1：属性值1;
属性2：属性值2；
……
}
说明：全局选择器的选择器名为：*，全局选择器设置的样式应用在网页的所有内容上
6、标签选择器：
格式：
标签名{
属性1：属性值1;
属性2：属性值2；
……
}
说明：标签选择器的选择器名为：标签名，标签选择器设置的样式应用在网页中所有当前标签上
例如：p{font-size:12px; color:#f00;} 则网页中所有p标签内容字体大小为12px，字体颜色为：红色
7、类选择器
格式：
.类名{
属性1：属性值1;
属性2：属性值2；
……
}
说明：类名的起名规范：字母、数字和下划线组成，且不能以数字开始，不能使用标签名，见名识义
页面中元素使用类选择器的语法：<标签名 class=”类名”> </标签名>
页面中任意通过class属性引用该选择器的元素，其内容样式使用该类选择器设置的样式。
8、ID选择器
格式：
#ID选择器名{
属性1：属性值1;
属性2：属性值2；
……
}
说明：ID选择器起名规范：字母、数字和下划线组成，且不能以数字开始，不能使用标签名，见名识义
页面中元素使用ID选择器的语法：<标签名 id=”ID名”></标签名>
谁引用ID选择器，其内容使用ID选择器所设置的样式
注意：ID选择器和类选择器相似，区别：一个ID选择器在一个页面中只能引用一次，类选择器可以多次使用
9、伪类选择器
a:link{} 超链接的默认样式
a:visited{} 访问过的超链接样式
a:hover{} 鼠标滑过的超链接样式
a:active{} 鼠标点击下去的超链接样式
伪类选择器是超链接的四种状态
LVHA：love and hate：爱与恨
10、优先级：
ID选择器>类选择器>标签选择器>全局选择器（物以稀为贵的原则）
11、页面中引用CSS的几种方式：
（1）、内部样式（自己装修）
<head>
<style type="text/css">
*{
font-size:100px;
color:#0f0;
text-decoration:underline;
}
</style>
</head>
将样式写在style标签中，style标签写在head标签中
（2）、外部样式（请人装修）
<link rel="stylesheet"type="text/css" href="css/style.css"/>
3、行内样式
<标签名 style=”属性1：属性值1;属性2：属性值2;……”>内容</标签名>
4、导入样式（不建议使用）
<head>
<style type="text/css">
@import"css/style.css";
</style>
</head>
1、html中引用css的几种方式：
内部样式（自己装修）
外部样式（请人装修）*****
行内样式
导入样式（X）
2、css选择器五大类
全局选择器
标签选择器
类选择器
ID选择器
伪类选择器（超链接）
做题过程：
1、 选择html引用css的方式
2、 选择使用何种选择器
637
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
