CSS基础

一、CSS的含义及其作用

CSS： 层叠样式表，级联样式，简称才是样式表
css作用：
1.以统一的方式实现样式的定义
2.提高页面样式的可重用性和可维护性

二、CSS的样式

1.内联样式
将样式声明在元素的style属性中
1.内部样式
将样式声明定义在页面的Style属性中
1.外部样式
创建一个新的CSS文件，将样式写在css文件中

三、CSS样式的特性

1.继承性
子类元素可直接使用父类元素声明好的样式
2.层叠性
3.优先级
在们三种引入方式中谁的优先级最高（行内样式表）
低：浏览器缺省值即默认值
中：外部样式表或者内部样式表
高：内部样式表

4.！improtant
作用：显示调整样式的优先级
破坏力优先级

四、CSS基础选择器

1.通用选择器

*{
	margin:0;
	padding:0;
}

2.标签选择器

p{
	color:red;
}

3.类选择器

.a{
	color:red;
}

4.ID选择器

#{
	color:red;
}

5.群组选择器

.div p,h,span{
	font-size:10px;
}

6.后代选择器

#div1 span{
	font-size:11px;
}

7.子代选择器

8.伪类选择器

a:hover:+.t{
	color:red;
}

选择器的优先级

选择器的类型        权值
元素选择器          0,0,0,1
类选择器            0,0,1,0
伪类选择器          0,0,1,0
id选择器            0,1,0,0
内联样式            1,0,0,0
注意：选择器的权值加到一起 大的是优先 如果权值相同的话，后定义的优先

五、溢出

1、含义：使用尺寸属性限制元素的大小时，如果内容所需要的空间大小大于元素本身，会导致溢出的效果
2、语法：overflow
overflow-x: 处理横向溢出
overflow-y: 处理纵向溢出
3、属性
visible 默认效果 溢出可见
hidden 溢出隐藏
scroll 滚动，元素会出现滚动条当内容溢出的时候，滚动条可用
auto 自动（自适应） 内容溢出的时候会出现滚动条 没有溢出的时候是不出现的

六、边框阴影

1、语法
box-shadow
2、属性
h-shadow 必须填的 阴影的水平偏移距离 正数的 右边 负数 左偏移
v-shadow 必须天的 垂直的偏移距离 + 下 - 上
blur 模糊距离 必须是正数
color 颜色
spread 阴影的大小
inset值 将默认的外阴影变成内阴影

七、轮廓

1、语法
outline

<style type="text/css">
	outline:1px solder red
</style>

八、背景属性

1、背景图片

background-image:url(1.jpg);
bacground-repeat:repeat;平铺
background-size:cover;覆盖
background-attachment:fixed;背景固定
background-attachment:scroll;背景滚动

2、背景颜色

background-color:red;