初探bootstrap

最近公司的任务不多,有好多时间闲了下来,正好用来学习一下前端的主流框架之一-bootstrap。之前有断断续续的学习过,然后也写过一些简单的demo。昨天下了本《深入理解bootstrap》,感觉是一本好书,便照着这个系统的学习一下,希望能坚持下去!

首先当然是从hello world,然后巴拉巴拉一大堆,讲了一下框架的一些来源,文档版本以及文件结构。然后是CSS样式的优先级。bootstrap CSS的优先级,书中引用了一个权值的机制,也就是(a,b,c,d)这种的组合。

a代表style属性,通常是class,通常值为0。

b表示该CSS选择器上id的个数,通常只有一个id ,所以个数为1.

 c表示该CSS选择器上其他属性CSS选择器和伪类的组合。class(.btn)   li[id=blue]。

d 表示计算元素(table p)和伪元素(last-child)

通用的选择器(*)值为0。

如果CSS样式的优先级一致的话,后面那个起作用。


JS的语法

||表示 如果第一个值为true ,那么就是用第一个值,否则使用第二个值。多个||一起的时候按照顺序来判断。

&&表示 如果第一个元素可以转换为false,才返回第一个元素的值,否则返回第二个元素的值,多个&&一起用时,也是按顺序优先级判断。

❑a && b&& c&&d:返回第一个可转换为false的元素值。
❑a||b||c||d:返回第一个可转换为true的元素值。
上述运算符的转换规则如下:
❑对象为true
❑非零数字为true
❑非空字符串为true
❑其他为false

本次demo运行bootstrap 3.3.5

你可能感兴趣的:(bootstrap初探)