码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap入门

时间:2016-12-16 12:01:17      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:通用   css选择器   选择器   ble   trap   插件   样式表   ons   str   

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入门

标签:通用   css选择器   选择器   ble   trap   插件   样式表   ons   str   

原文地址:http://www.cnblogs.com/Yimi/p/6186241.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!