CSS基础

概述：

• CSS全称Cascading Style Sheet，层叠样式表。
• 样式定义如何显示 HTML 元素。
• 外部样式表通常存储在 CSS 文件中。
• 多个样式定义可层叠为一。
• 浏览器从左往右解析选择器，用以加快浏览器的解析速度。

基本规则：

级联：

• 级联是浏览器决定应用哪一种样式的方法，它根据选择器的特指度以及规则集的出现次序起作用。
• 特指度（权重）是CSS选择器识别元素的精确性。为选取元素，需要计算特指度（a，b，c，d）。

（1）如果用style属性应用样式，则a=1，否则a=0。

（2）b为ID选择器的数量。

（3）c为类选择器、属性选择器和伪类选择器。

（4）d为类型选择器和伪元素的数量。

• 规则集顺序是一个CSS规则集在样式表中的位置，如果两个声明块中的选择器特指度相同，且它们为同一元素的某个属性应用样式，那么在样式表中处于相对靠后位置的声明块中的属性的优先级较高。

• style属性的行内样式优先，否则特指度和规则集顺序决定什么元素应用什么样式。
• !important声明可以覆盖级联样式。

选择器分类：

• 元素选择器：a{ }
• 伪元素选择器： ::before{ }
• 类选择器：.link{ }
• 属性选择器：[type=radio]{ }
• 伪类选择器：:hover{ }
• ID选择器：#id{ }
• 组合选择器：[type=checkbox] + label{ }
• 否定选择器：not(.link){ }
• 通用选择器：*{ }

 

 

 

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有