css三大特性

内容目录

css 继承

  • css 继承是指子元素会继承父元素的样式。

Info

  • 父元素的有关的文字属性会被继承,而非文字属性则不会被继承。

  • 例如,父元素的字体颜色、字体大小、行高等属性会被子元素继承,而父元素的背景颜色、边框样式等属性则不会被子元素继承。

css 层叠

  • css 层叠是指当一个元素同时被多个样式影响时,会按照一定的规则来决定最终的样式。

Info

  • 当样式冲突,并且选择器优先级相同时,后面的样式会覆盖前面的样式。

css 优先级

  • css 优先级:!important > 内联样式 > id 选择器 > 类选择器 > 标签选择器 > 通配符选择器 > 浏览器默认样式 > 继承样式。

  • !important不能提高继承样式的优先级。

  • 尽量少用!important,因为它会使得代码难以维护。

复合选择器的权重计算

分别比较两个复合选择器中各优先级选择器的个数,如果个数相同,则比较下一个优先级的选择器,直到找到个数不同的选择器,确定复合选择器的优先级

比较顺序为:(行内,id,类,标签)

相关笔记

css盒子模型

盒子模型 html 标签中每个标签都可以看作是一个盒子,盒子模型中包括内容(content)、内边距(padding)、边框(border)、外边距(margin)。 内容部分 下面是一个简单的盒子模型。 内容部分是指标签中的内容,如下图所示的蓝色区域:

阅读全文

html5 新增内容

html5 新增内容 更多的语义化标签 html 增加了很多语义化标签,比如<header>、<footer>、<nav>、<article>、<section>、<aside>、<main>等等,这些标签都是为了让我们的网页更加语义化,更加容易被搜索引擎收录,更加容易被机器识别。 许多原先使用 div 实现的区域划分可以使用更多的语义化标签来实现,使得 html 文档的结构更加清晰。

阅读全文

HTML 介绍

HTML 介绍 HTML 是一种用于创建网页的标准标记语言,使用一套标记标签来描述网页结构。 下面是一个简单的 HTML 文档

阅读全文