bootstrap学习（一）

一、全局样式style.css

移除body的maigin
背景白色
设置了基本的字体样式
设置全局链接样式，鼠标悬停时才会出现下划线

二、标题

重置h1~h6样式

重置了margin-top（h1_{h3：20px；h4}h6：10px）
重置了margin-bottom（10px）
所有标题行高1.1（font-size的1.1），颜色字体继承父级
固定字体大小
h1：36px
h2：30px
h3：24px
h4：18px
h5：14px
h6：12px

标题演示

标题类名

效果与h1~h6标签相同

hello world
hello world
hello world
hello world
hello world
hello world

标题类名

副标题

字体大小继承父级的65%

hello worldThis is first bootstrap class

副标题

三、强调内容

.lead一般配合段落标签使用

我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落
我是段落我是段落我是段落我是段落我是段落我是段落我是段落我是段落

lead强调

颜色强调相关的类

.text-muted：提示，使用浅灰色（#999）
.text-primary：主要，使用蓝色（#428bca）
.text-success：成功，使用浅绿色(#3c763d)
.text-info：通知信息，使用浅蓝色（#31708f）
.text-warning：警告，使用黄色（#8a6d3b）
.text-danger：危险，使用褐色（#a94442）

hello world
hello world
hello world
hello world
hello world
hello world

颜色强调

四、文本对齐

.text-left：左对齐
.text-right：右对齐
.text-center：居中
.text-justify：两端对齐（这个没出效果，汗~~）

我是段落
我是段落
我是段落
我是段落

对齐方式

五、列表

.list-unstyled：ul、ol除去序列样式
.list-inline：ul、ol水平列表
.dl-horizontal：dl水平列表

六、代码风格

多行代码中用.pre-scrollable使超出部分用滚动条控制显示

    function something(){
        console.log('haha')
    }
    function something(){
        console.log('haha')
    }
    function something(){
        console.log('haha')
    }
    function something(){
        console.log('haha')
    }
    function something(){
        console.log('haha')
    }
    function something(){
        console.log('haha')
    }
    function something(){
        console.log('haha')
    }
    function something(){
        console.log('haha')
    }