CSS复合选择器
1、标签指定式选择器
标记指定式选择器又称交集选择器,由两个选择器构成,其中第一个为标记选择器,第二个为class选择器或id选择器两个选择器之间 不能有空格。
2、后代选择器
后代选择器用来选择元素或元素的后代,其写法就是把外层标记写在前边,内层标记下载后面,中间用空格分隔。 当发生嵌套时,内标记就成为外标记的后代。
3、并集选择器
并集选择器是各个选择器通过逗号连接组成,任何形式的选择器(包括标记选择器、class选择器、id选择器等),都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同,或部分相同,就可以利用并集选择器为他们定义相同的css样式。
css层叠性和继承性
1、层叠性
所谓层叠性是指多种css样式的重叠。例如,当使用内嵌式css样式表定义p标记字号大小为12像素,链入式定义p标记颜色为红色,
那么段落文本将显示为12像素红色,及两种样式产生了重叠。
2、继承性
所谓继承性是指书写css样式表时,子标记会继承父的表记的某些样式,如文本颜色和字号。例如,定义主体元素 body的文本颜色
为黑色,那么页面中所有的文本都将显示为黑色,这是因为其他标记都嵌套在body标记中,是body标记的子标记。
恰当地使用继承可以简化代码,降低css样式的复杂度
但以下属性不具有继承性
变宽属性
外边距属性
内边距属性
背景属性
定义属性
布局属性
元素宽高属性
CSS优先级
同类型,同级别的样式后者先于前者(后者会覆盖前者)
ID > 类样式 > 标签 > *
内联>ID选择器>伪类>属性选择器>类选择器>标签选择器>通用选择器(*)>继承的样式
具体 > 泛化的,特殊性即css优先级
!important 权重最高,比 inline style 还要高
近的 > 远的 (内嵌样式 > 内部样式表 > 外联样式表)
内嵌样式:内嵌在元素中,span
内部样式表:在页面中的样式,写在中的样式
外联样式表:单独存在一个css文件中,通过link引入或import导入的样式
作业:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>新浪微博</title>
<style type="text/css">
h2{color:red}
h4{color:red}
h5{color: greenyellow;}
c{color:black}
</style>
</head>
<body>
<h2><u>新浪</u><font color=blue><u>博客首页</u></font><u>——新浪网</u></h2>
<h4>新浪网 <font color=black>博客频道是全中国最主流的,最具有人气的博客频道。拥有最耀眼的娱乐明星博客、最知性的名人博客、最动人的情感博客、最自我的草根博客。</h4>
<h5>blog.sina.com.cn/2014-07-07<c><u>-百度快照评价</u></c></h6>
</font></body>
</html>