首页 > 代码库 > bootstrap入门

bootstrap入门

Bootstrap提供了如下重要的特性:
?一套完整的基础CSS插件。
?丰富的预定义样式表。
?一组基于jQuery的JS插件集。
?一个非常灵活的响应式(Responsive)栅格系统,并且崇尚移动先行(Mobile First)的思想。

css优先级

优先级
如何确定CSS的优先级?这里我们要先引入一个机制,分别
用4个数字(a,b,c,d)表示优先级组合,比如1,1,1,1和0,1,0,1。它们的意思分别是:
?第一个数字(a)表示style属性,优先级最高。由于一般都是class样式,所以该值一般都是0。
?第二个数字(b)是该CSS选择器上的id数量的总和,一般都是1个。
?第三个数字(c)是用在该CSS选择器上的其他属性CSS选择器以及伪类的总和。这里包括class(.btn)和属性CSS选择器(比如li[id=red])。
?第四个数字(d)计算元素(就像table、p、div等)和伪元素(就像first-child等)。
?通用CSS选择器(*)是0优先级。
?如果两个CSS选择器有同样的优先级,在样式表中后面的那个起作用。

例:计算下面两个选择器的优先级:
#leftbar li#first { color: red; }
#leftbar li:first-child{ color: blue; }
结果肯定是第1个比第2个优先级高,因为第1个的优先级是0,2,0,1,而第2个是0,1,0,2。

bootstrap入门