CSS学习
一、css概述
1、cascading style sheets 层叠样式表或联级样式表，简称样式。
2、css作用：定义网页中元素的样式，修饰元素。
3、css优点：提高样式代码的重用性和可维护性；实现样式和内容的分离。
4、使用原则：如果css样式与html属性冲突，建议使用css的方式去掉html的属性来修饰。
二、使用方式
1.内联样式（行内样式）
语法：将样式定义在元素的style属性+中
<标记 style=“样式声明”> </标记>
样式声明：有样式属性名和值组成，属性名与值之间用冒号连接，多个属性之间用分号分割。
ex: <p style"属性名：值；属性名：值；’"> </p>
常用属性：
1、color，定义字体颜色：取值用颜色的英文单词
2、background，定义背景颜色，取值用颜色的英文单词
3、font-size，定义字体大小，取值以px为单位的数字
2.内部样式
将样式定义在网页的头元素中。
使用步骤：
1、在head元素中添加一对style标记。
2、在style标记中添加样式规则。
样式规则：有选择器和样式声明组成。
选择器：规范页面中哪些元素能够使用定义好的样式。
元素选择器：用元素名称作为选择器。
语法：
<head>
<style>
div{
color:red;
font-size:20px;
}
p{
color:blue;
backageground:yellow;
}
</style>
</head>
3.外部样式
定义方式：在外部独立的css文件中，在网页中引入css文件。
使用步骤：
1、创建一个.css为后缀的文件。
2、在该文件中，编写样式规则。
3、在网页的头元素中引入css文件
<head>
<link rel="stylesheet" href="css文件的路径"?>
</head>
三、基础选择器
1、选择器的作用：将定义好的样式匹配给页面中的元素。
2、详解：
1、通用选择器：
作用：匹配页面中所有元素
*{
}
2、元素选择器：
div{}
3、类选择器
作用：定义页面中某一个或某些元素的样式。
特点：很灵活，谁想用谁就可以用。
语法：
1、定义类选择器：在头部<style>中
.类名称{样式声明}
强调：类名称不能以数字开头，也不能包含特殊字符（可以包含-,_）
2、应用类选择器
<标记 class="类名称1 类名称2 类名称3"> </标记>
4、id选择器：
作用：定义的id值所对应的唯一元素(专属定制)
语法：#id值{
样式声明
}
5、群组选择器
作用：定义一组选择器的公共样式。
多个选择器之间以逗号分隔。
语法：选择器1，选择器2，...{样式声明}
6、后代选择器
作用：依托于后代关系匹配页面的元素。
后代“：一级或者多余一级的嵌套关系。
语法：选择器1 选择器2 选择器3 ... {样式声明}
7、伪类选择器
作用：用于匹配元素不同状态的样式
语法：选择器：伪类选择器{样式声明}
为类选择器分类：链接伪类和动态伪类
链接伪类：
：link 匹配尚未访问的超级链接的状态
：visited 匹配访问过的超级链接的状态
动态伪类：
：hover 用来匹配鼠标悬停在元素上时的状态
：active 匹配元素被激活时的状态
：focus 匹配元素获取焦点时的状态
194
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
