北大青鸟培训第五天：HTML和CSS相关知识（持续更新）

继承：继承是一种规则，它允许样式不仅应用于某个特定html标签元素，还可应用于其后代元素。CSS继承是指设置父级的CSS样式，父级及以下的子级元素都具有此属性。CSS继承的作用：给父元素设置一些属性，子元素也可以使用。

共同的祖元素，设置统一的字体大小

样式的继承（继承祖先的资产）

定义：为一个元素设置的样式，同时也会应用到他的后代元素上

优势：方便我们开发，讲一些通用的样式统一设置到共同的祖先元素上，子元素的样式都可以获取到样式

注意：并不是所有的样式都会被继承，比如：背景相关的，布局相关等不会被继承。

继承的作用：如果没有继承，为每个元素单独设置相同的字体太过麻烦，有了继承子类就会继承父类有需要的内容

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>继承</title><style>div{color:red;}</style>
</head>
<body><div><span>我是div元素中的span</span></div><span>我是div元素外的span</span></body>
</html>

我是div元素中的span

选择器的权重

样式冲突：通过不同的选择器选中同一个元素，进行一样的样式设定，发生冲突时，应用哪一个样式由选择器的权重（优先级）决定。

选择器权重

内联样式 1000 id选择器 100 类和伪类选择器/属性选择器 10 元素选择器 1

同配符，子选择器，相邻选择器等。如*,>,+

继承的样式没有优先级

！important 最高优先级

注意：

1.比较优先级时，需要将所有选择器的优先级进行相加计算，最后优先级越高，则优先显示（并集选择器）分组选择器是单独计算的

2.如果优先级计算后相同，此时则优先使用靠下的样式

3.选择器的累加，不会超过上一级数量级，例如：类选择器再高也不会超过id选择器量变达不到质变

一般来说：

选择器越具体优先级越高

！important 慎用。

北大青鸟培训第五天：HTML和CSS相关知识（持续更新）相关推荐

女程序员/北大青鸟/培训
帮合作伙伴招人,来了三个人面试:一男两女男的来自日本公司,有些经验,但是已经习惯于日本公司的规则化做事,有点死板,没有什么灵性,有点紧张. 女1,这个MM给人的感觉很好,很活跃,个性和态度给人的感觉 ...
北大青鸟培训第四周第一天：HTML和CSS相关知识【定位】（持续更新）
目录定位: 可选值: 开启绝对定位定位: 是一种布局的手段,而且是一种高级的布局手段, 你可以将任何元素,摆放在页面的任意位置可以用position来设置定位可选值: static 默认值, ...
北大青鸟培训第二周第二天：HTML和CSS相关知识（持续更新）
目录行间距 1.行高 (line height):文字占有的实际高度 2.单行文本在父元素中垂直居中 3.font 中也可以指定行高 font:bold italic 25px/3 s ...
北大青鸟培训第四天：HTML和CSS相关知识（持续更新）
目录属性选择器伪类选择器元素的伪类属性选择器 1.[属性名]{} 2. [属性名=属性值]{} 3.[属性名^=属性值]{} 4. [属性名$=属性值]{} 5.[属性名*=属性值]{} 1. ...
北大青鸟培训后端培训第二天
目录 1.编写第一个Java程序 1. 创建Java源程序 2.编译并运行"HelloWorld.java"文件 1.1.4 Java跨平台原理 1.2.1 MyEclipse的安 ...
Java开发经验谈：北大青鸟培训java学费
Java成长笔记大致内容如下: 0-1年入门: Java基础复盘(面向对象+Java的超类+Java的反射机制+异常处理+集合+泛型+基础IO操作+多线程+网络编程+JDK新特性) Web编程初探(S ...
北大青鸟培训第一天：HTML初级代码介绍和相关知识（持续更新）
代码解释 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8& ...
北大青鸟培训第二天：HTML初级代码和相关知识（持续更新）
HTML常用标签 <blockquote> </blockquote> <q> </q> <br> <center> </ ...
北大青鸟培训第三天：HTML和CSS相关知识（持续更新）
音视频 audio src controls loop autoplay audio标签用来向页面中引入一个外部的音频文件 src 指向音频的引入路径 controls 控制是否允许用户点击播放,默 ...

北大青鸟培训第五天：HTML和CSS相关知识（持续更新）

北大青鸟培训第五天：HTML和CSS相关知识（持续更新）相关推荐

最新文章

热门文章

北大青鸟培训第五天：HTML和CSS相关知识 （持续更新）

北大青鸟培训第五天：HTML和CSS相关知识 （持续更新）相关推荐

最新文章

热门文章

北大青鸟培训第五天：HTML和CSS相关知识（持续更新）

北大青鸟培训第五天：HTML和CSS相关知识（持续更新）相关推荐