bootstrap
基于html5和css3版本相对较高,依赖于jQuery,专门的开发工具jetstrap
一、环境搭建
打来压缩包,bootstrap.css
1.按钮: 效果:蓝色按钮点击过后有区别
二、全局样式: 颜色:
1.标题:h1-h6 h1:36px,30px,24px...
1.1、大标题
标题一
用内联标签显示出h1的效果,用class命名就可以实现
标题一
1.2小标题(small标签)
小标题在大标题后字体变浅,并小于大标题
标题一小标题
2.段落文本的排版
p标签默认14px行高20px底部边距10px
.text-left、.text-center、.text-right:文本的左中右对齐。(设置标签的class属性实现)
.text-lowercase、.text-uppercase、.text-capitalize:文本的大小写,设置英文首字母大写。(设置标签的class属性实现)
3.特殊标记标签
,使用此标签标记的文本底色为黄色。
,删除标签,被选中的文本会有中横线。
,设置文本的样式。文本会有下划线标签会有同样的效果。
,被选中的字体会变小。
,文本加粗。
3.排版-表格
.table-bordered:边框表格
.table-striped:条纹状表格
.table-hover:悬停变色,鼠标停留所在行,有高亮效果
.table-condensed:紧凑风格
可以同时设置几个属性
eg...
4.表单
4.1、input框
.input-lg:输入框变得大一些
.input-sm:输入框变得小一些
.placeholder:框内灰色提示语
.form-control:(边框变圆滑)设置基本的样式,适用于select,textare等多个标签。
4.2、
.form-group:代表一个区域块,每个区域块之间默认间隔15px.
.form-inline:设置组件水平排列
4.2.1、颜色
.has-success:代表一个状态,输入框,字体变为绿色
.has-warning:黄色
.has-error:红色


