CSS高级属性

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>新浪网&nbsp;&nbsp;<font  color=black>博客频道是全中国最主流的,最具有人气的博客频道。拥有最耀眼的娱乐明星博客、最知性的名人博客、最动人的情感博客、最自我的草根博客。</h4>
		<h5>blog.sina.com.cn/2014-07-07<c><u>-百度快照评价</u></c></h6>
	
	
	
	
	</font></body>
</html>
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值