css
1：CSS
1、什么是css
Cascading Style Sheet
层叠样式表 级联样式表 样式表
2、使用CSS的好处
1将内容与表现分开了
2提高了代码的可重用性和可维护性
2：CSS与HTML之间的关系
1、HTML主要用于构建网页结构和内容 （做骨架）
2、CSS用于构建网页的样式 （化妆）
3：HTML属性 与css的使用
能使用css修改样式就不要HTML属性
HTML特有的属性只能使用HTML属性，比如colspan rowspan
4：CSS样式表的使用方式
1、内联方式（在标签里加入所需要的样式）
2、内部样式表（在</head>标签前边定义样式表，把所需的样式加入样式表）
3、外部样式表（在外部css文件夹中定义样式表，在此表里填入所需样式 由<link>标签引入）
5：CSS语法
1、在style中允许出现一个或多个 属性：值；
<div style="color:red;background:blue;"></div>
2、内部样式表
在<head></head>标签内添加一对<style></style>
样式规则
选择器{
属性：属性值;
}
3、外部样式表
在外部css文件夹中定义样式表，在此表里填入所需样式 由<link>标签引入
6：样式的继承性
1、继承性
大多数样式都是可以被子类继承的
2、层叠性
样式不冲突时，多个样式可以叠加到一块
3、优先级
样式冲突时，按照优先级来应用样式
浏览器设置 优先级最低
外部样式表和内部样式表优先级一样 居中(这样就会有一个就近原则了)
内联样式 优先级最高
【！important 它是例外，如果有了它，那它是最高的】
7：选择器
1、通用选择器 作用：为页面上的每一个标签添加样式
*{
属性：属性值；
}
2、标签选择器
p{
属性：属性值;
}
div{
}
3、类选择器 通过class属性值，对类选择器添加样式
语法 .类名{
属性：属性值;
}
例 <div class="first"></div>
.first{
background:red;
}
8：id选择 器 为标有特定id的标签添加样式
语法：#id值{ }
<div id="second"></div>
#second{
background:red;
}
9：组选择器 如果各个标签要定义的样式一样，可以使用组选择器但是各个标签之间要用,隔开
p,div,.first,#thrid{
background:red;
}
10：后代选择器
<div>
<span>哈哈哈哈哈<span>
<div>
span标签是div标签的后代
div span{
background:red;(为后代span添加样式)
}
11：伪类选择器
特点：匹配标签某种特定的状态
语法：用：来结合 选择器：伪类选择器{ }
CSS伪类分为：
1链接伪类
：link 匹配尚未访问的超链接
：visited匹配已经访问过的超链接
2动态伪类
：hover 鼠标悬停的状态
：active 鼠标点击的状态
：focus 标签获取焦点时 多用于input标签
12：溢出处理
属性 overflow
hidden 隐藏
visible 溢出可见
scorll 出现滚动条
auto 不溢出不出现滚动条 溢出出现滚动条
