bootstrap学习——CSS样式篇

飞最近学习了下bootstrap,在此将期间的一点学习历程记录下:

首先肯定是先将bootstrap3的中文文档读一遍:

1.“起步”里的内容大概浏览一下就好,不用细看,主要是将bootstrap的文件下载到本地。

2.“全局CSS样式”:开头内容细看,明确如何引入boortstrap文件以及一些文档要求。

3.通读一遍“全局CSS样式”里面的内容,通读要点:

<1>明确它的样式设置方式——一般都是给标签增加一个class

<2>了解他都有哪些常用的样式,比如表格,样式类型有:基本的样式 — 少量的内补(padding)和水平方向的分隔线;有增加类似斑马线条纹的表格,用于方便区分;有带边框的表格;鼠标悬停;响应式……

<3>通读一遍“组件”,了解有哪些组件,着重看下有哪些平时常见的字体图标、下拉菜单、导航、警告框、弹出框等。

4.然后具体使用时就可以去查询使用啦,注意使用时,bootstrap的class命名还是很有规律的,

如1.基本尺寸:一般都是给原有类加个后缀:-lg  -sm -xs,按钮尺寸:btn-lg、btn-sm;按钮组尺寸:btn-group-lg、btn-group-sm、btn-group-xs……

5,.bootstrap的样式还是很简单大方的,也省去了我们不断调试样式的脑细胞~~~平时做项目如果没特殊要求可以多运用下,基本都是用的时候去看下使用的方法就可以立马使用了。

本文原载飞的个人空间:http://1.flyingdream.sinaapp.com/?p=17

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值