一、今日学习内容
1、css的符合选择器：
概念：是对基础选择器组合而成的选择器，
符合选择器包括一下：
1）、选择器
：也叫作包含选择器，就是可以选择选父元素里面所有符合条件的子元素
语法规范：元素1 元素2{
}
元素1和元素2之间用空格隔开
元素1是父级，元素2是子级，最终选择的是子级
元素2可以是儿子，也可以使顺子，只要是元素以的后代。
元素可以是人以基础选择器。
2）、子选择器：
也叫亲儿子选择器，他会父级元素最近的一级子元素
语法规范：元素1>元素2{
}
元素一和元素二之间用>大于号隔开。
元素1是父级，元素2是子级，最终选择元素2.
元素2必须是亲儿子，也就是距离元素1最近的一级
3）、并级选择器
概念：可以选多组标签，同时为他们定义相同的样式，通常用语集体声明，每组选择器元素之间用，隔开
4）、伪类选择器
链接伪类：主要是给链接选择器上附加特殊效果
：link 语法 a：link 选择所有未被访问过的而连接（链接被访问之前）
：hover a:hover 选择鼠标悬浮于链接上的样式
:active a:active 选择活动链（鼠标点击时的样子）
：visited a:visited 选择所有被访问过的链接 访问过后的的验资
注意四个链接伪类使用lvha的顺序书写，如果树村变化会影响伪类效果
focus焦点伪类选择器
获取光标所在的位置进行样式裱花，主要是针对表单元素
伪类选择器总结：
伪类和css 的类一样，可以附加的选择器上
向其他的选择器附加伪类选择时，必须选择器要支持伪类选择器所声明的状态，否则没有效果
2、css的元素显示模式：
元素显示模式的分类：
1）、块级元素
常见的块级元素有h1到h6标签，还有p标签 ，还有div标签 ul ol dl li标签等等
特点：
自己独占一行，
高度和宽度都是可以设置的（内外边距）
宽度默认是父级的100%
块级元素里面可以放其他的块级元素
注意：文字类的元素内不可以放块级元素
2）、行内元素
常见的行内元素：a标签 strong标签 b标签 em倾斜 i del s ins u
span是最典型的行内标签。
特点：一行显示多个
无法设置宽和高
默认宽度和高度是它本身的内容
行内元素只能容纳文本或者其他行内元素
注意
a标签里面不能再放链接
特殊情况在a标签里要放其他的块级元素，要将a标签转换成块级元素
3）、行内块元素
常见的行内块元素img标签 input标签 td标签等等
特点：
和相邻行内块元素可以在一行展示 元素之间存在空隙 一行可以显示多个，‘
默认的宽度是本身内容的宽度
可以设置宽度和高度
4）、元素模式的转换：
转换为块级元素 dispaly：block
转换为行内块元素：disply：inlie-block
转换成行内元素：display：line
块级元素内文字居中用：
文字的垂直居中
css乜有提供文字垂直居中的代码，可以用
文字的行高等于盒子的高度
文字水平居中
3、css的背景属性
所有的背景属性都是以background
1）、背景颜色 background-color，他的默认值是transparent（透明）
2）、背景图片：background-image：url（图片地址），默认是none
3）、背景平铺：bakcground-repeat： no-repeat 不平铺 repeat-x 横向平铺 repeat-y 纵向平铺 repeat 全部平铺 默认
图片的位置调整：background-position
方位名词 top bottom left right center
如果写了一个方位名词 默认是center
个方位名词之间用空格隔开，固定的值，所以不分前后顺序。
bcakground-position：x轴 y轴
分别代表距离x和y轴的距离
如果只写一个像素值表明是x轴
背景图片定位：使用background-position：x，y
第一种使用方位名词。
第二种是像素值
还可以混合使用
背景图片定位总结：
使用方位名词的话参数是方位名词的时候，如果指定的两个值都是方位名词，两个值得先后顺序可以调整。
如果指制定了一个方位名词，另一个省略，省略值默认为center
参数是精确的单位的时候，
如果的参数是精确的像素单位，第一个肯定是x坐标，第二个是y坐标
如果只有一个值，默认该值是x轴坐标，y轴默认居中。
参数是混合单位的时候。则第一个是x坐标，第二个是y坐标
背景图片的附着（滚动）
4）、background-attachment scroll 随着屏幕滚动 在网页中位置固定
fixed 背景图片不跟随滚动
背景复合写法：
5）、background： 颜色 图片地址 背景平铺 背景滚动 图片位置
text-align和line-height="块级元素的高度"
css的三大特性
1）、层叠性：相同的选择器设置相同的样式的时候，新的样式会覆盖新的样式
原则：
样式冲突的话，遵循就近原则，那个样式距离结果节后近，就执行那个
像是不冲突的不会重叠
2）、继承性
概念：子标签汇集成父标签的某些样式，比如文本颜色和字号等等没简单理解就是子承父业
注意：父级权重是无穷大，子级只是继承父级的权重
3）、优先级
概念：当选择器相同的时候，遵循层叠性原则，当选择器不同的时候遵循优先级（权重）
继承和* 权重0.0.0.0
元素选择器 0.0.0.1
类选择器，伪类 0.0.1.0
id选择器 0.1.0.0
行内样式 1.0.0.0
！import重要的 无穷大
注意点：
权重是由四组数字组成的，但是不会进位
可以理解为去权重大的永远大于权重的小的
等级判断要从左到右判断，相同的话到下一位判断
继承的权重是0，不管父元素的权重有多高，子元素继承的到权重都是0
权重叠加
|
