CSS基础

2018-07-13 03:05:44来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

概述:

  • 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
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:使用.net的Cache框架快速实现Cache操作

下一篇:MySQL常见错误分析与解决方法总结