复合选择器

1.1 什么是复合选择器

1.2 后代选择器(重要)

1.3 子选择器(重要)

==子元素选择器(子选择器)==只能选择作为某元素的最近一级子元素。简单理解就是选亲儿子元素。

离他最近的

简单的课堂练习

1.4并集选择器(重要)

并集选择器可以选择多组标签，同时为他们定义相同的样式。通常用于集体声明

一定要注意最后一个选择器不要加逗号

1.5伪类选择器

1.6链接伪类

a:hover用的最多

注意点：

• 为了

一般开发里面用不了这么多的样式所以我们只用两个就好了

1.7 ：focus 伪类选择器

光标在哪个表单哪个就有颜色

1.8复合选择器总结

2.CSS的元素显示模式

2.1什么是元素显示模式

作用：

2.2块元素

注意

2.3行内元素

重点：a里面可以放块级元素

2.4 行内块元素(人妖)

2.5 元素显示模式总结

2.6元素显示模式转换(重点)

转换为块元素：

diaplay:block;

转换为行内元素：

display:inline;

diaplay

转换为行内块元素：

diaplay: inline-block;

重点记住1、3就行

文字垂直居中

2.8居中的原理

3.CSS 的背景

3.1 背景颜色

background-color:颜色值；

3.2 背景图片

background-image

语法格式:

background-image : none|url(url)

注意不要落下url

<style>
    <div>
    </div>
</style>

3.3 背景平铺

background-repeat:rapeat|no-repeat|repeat-x|repeat-y

背景图片比背景颜色的优先级高，图片会在上一层

3.4 背景图片的位置

利用background-position属性可以改变图片在背景中的位置

background-position:x y;

背景案例1 文字之前图片怎么弄

背景案例2wzry背景图片

一般情况下超大的图片用的都是top对齐