CSS的复合选择器和CSS的继承性
CSS复合选择器是以标签选择器、类选择器、ID选择器这3种基本选择器为基础，通过不同方式将两个或多个选择器组合在一起而形成的选择器。复合选择器分为后代选择器、交集选择器和并集选择器。
1.后代选择器
在HTML中经常有标签的嵌套使用，那么在CSS选择器， 就可以通过嵌套的方式，对特殊位置的HTML标签进行声明。
比如，当<H3>……</H3>标签之间包含<strong>……</strong>标签时，就可以使用后代选择器。
语法
后代选择器的写法就是把外层标签写在前面，内层标签写在后面，之间用空格分隔。
2.交集选择器
描述
交集选择器是由两个选择器直接连接构成，其结果是选中二者各自元素范围的交集。即选中同时满足前后两者定义的元素
语法格式
第一个必须是标签选择器，第二个必须是类选择器或ID选择器；
这两个选择器之间不能有空格，必须连续书写。
3.并集选择器
案例：以欧阳修的词《蝶恋花·庭院深深几许》为例，把诗词的每句都放在不同的标签中，然后这些标签设置相同的样式。
image.png
<body>
<h2>蝶恋花•庭院深深深几许</h2>
<h3>庭院深深深几许，杨柳堆烟，帘幕无重数。</h3>
<p class="first">玉勒雕鞍游冶处，楼高不见章台路。</p>
<p class="second">雨横风狂三月幕，门掩黄昏，无计留春住。</p>
<p id="end">泪眼问花花不语，乱红飞过秋千去。</p>
</body>
<style type="text/css">
h3,
.first,
.second,
#end {
font-size: 16px;
color: green;
font-weight: normal;
}
</style>
使用CSS设置超链接
(一)超链接伪类
1.超链接的默认样式
文本有下划线，图片有边框
单击链接前后的文本颜色不一样
2.超链接接伪类
语法：
image.png
常用的超链接伪类
image.png
3.CSS设置鼠标形状
CSS通过cursor来设置鼠标指针的样式
cursor属性的常用值
image.png
四、背景样式
background
可以设置背景颜色和背景图像
认识<div>标签
网页布局
排版网页内容
语法：
image.png
背景颜色
在CSS中，使用background-color属性设置字体、div、列表等网页元素的背景颜色，它的值的表示方法与color表示方法一样，也是用十六进制的方法表示背景颜色值。
但是它有一个特殊的值-transparent值，即透明的意思。
背景图像
在CSS中，使用background-image属性来设置背景图像
语法说明
image.png
背景重复方式
background-repeat属性
默认值是水平和垂直方向重复
image.png
背景定位
background-position属性
image.png
例如：background-position：205px 20px（205px表示水平距左距离，20px表示距上距离）
背景属性
image.png
列表样式
CSS列表有4个属性来设置列表样式，分别是list-style-type、list-style-image、list-style-position和list-style。下面分别介绍这4个属性。
(一)list-style-type
list-style-type属性设置列表项标记的类型。
常用属性值
image.png
(二)list-style-image
list-style-image属性是使用图像来替换列表项的标记
当设置了list-style-image，list-style-type就不会起作用。
类似于：list-style-image: url(../image/arrow-right.gif);
(三)list-style-position
此属性设置在何处放置列表项标记。
属性值
inside：放置在文本以内，且环绕文本根据标记对齐
outside：默认值，它保持标记位于文本的左侧，列表项标记放置在文本以外，且环绕文本不根据标记对齐
list-style简写顺序
style-type、style-position、style-image
网友评论