bootstrap的BaseCSS 20120328
2012-03-28 16:17
288 查看
bootstrap的基本样式处理,处理网页的字体(Typography),表格,表单,按钮,小图标(Icons by Glyphicons)。
1.bootstrap的Typography,
关于字体,一般涉及到字体大小,哪种字体,字体加粗加横线加斜,字体颜色等等。
关于文本,一般涉及到单词间的间距,文本行与行的间距,居左中右。
当然重新处理了h1,h2,h3,h4,h5,h6的样式,其中可以明显看到h6变成灰色了。
对于<abbr>重新样式处理了,主要是移上去的鼠标样式。
对于文本的链接处理,是浅蓝色了。
对于列表类<ul>,<ol>,<dl> 也重新样式处理了,不明显。
对于<code>标签重新样式处理,默认是红色文本,你也可以引入google code样式处理。
2.bootstrap的Tables表格,
样式变化,在于可以使整个表格更紧缩,或者只有表格横线,无竖线。
3.bootstrap的Forms表单,
这个样式变化大了,凡是输入框都有,获得焦点focus时, 发蓝光。
各种input输入框样式都被bootstrap改写化,
在Search froms里,text input是圆角滴。在Inline forms里,input都是并排滴。
在Horizontal forms里, 基本都是换行处理。通过div.control-group和div.controls来控制换行和对齐问题。
你也可以设置text input框的边框颜色。
4.bootstrap的Buttons,
重写了Buttons的样式,很好。
5.小图标Icons,就不说了,选择很多。
1.bootstrap的Typography,
关于字体,一般涉及到字体大小,哪种字体,字体加粗加横线加斜,字体颜色等等。
关于文本,一般涉及到单词间的间距,文本行与行的间距,居左中右。
当然重新处理了h1,h2,h3,h4,h5,h6的样式,其中可以明显看到h6变成灰色了。
对于<abbr>重新样式处理了,主要是移上去的鼠标样式。
对于文本的链接处理,是浅蓝色了。
对于<blockquote>重新样式处理了,加了根灰色竖线,以及灰色副标题。
对于列表类<ul>,<ol>,<dl> 也重新样式处理了,不明显。
对于<code>标签重新样式处理,默认是红色文本,你也可以引入google code样式处理。
2.bootstrap的Tables表格,
样式变化,在于可以使整个表格更紧缩,或者只有表格横线,无竖线。
3.bootstrap的Forms表单,
这个样式变化大了,凡是输入框都有,获得焦点focus时, 发蓝光。
各种input输入框样式都被bootstrap改写化,
在Search froms里,text input是圆角滴。在Inline forms里,input都是并排滴。
在Horizontal forms里, 基本都是换行处理。通过div.control-group和div.controls来控制换行和对齐问题。
你也可以设置text input框的边框颜色。
4.bootstrap的Buttons,
重写了Buttons的样式,很好。
5.小图标Icons,就不说了,选择很多。
相关文章推荐
- bootstrap base css 基本css
- CSS中base.css的代码
- 手机版base.css
- 修改 bootstrap :用 less 来写 css
- bootstrap入门之css排版
- bootstrap 全局 CSS 样式
- Bootstrap 3 CSS classes with description
- html+css复习之第3篇 | jquery | bootstrap
- Bootstrap CSS 编码规范之注释
- Interface yii\base\BootstrapInterface
- BootStrap--CSS布局--按钮
- BootStrap--CSS组件--标签(label)
- Bootstrap3 CSS中引用,列表,描述
- Bootstrap CSS布局之表单
- 不解释,分享这个base.css
- Bootstrap css背景图片的设置
- BootStrap-CSS选项大全
- 一个系统的base.css,兼容IE7,IE8,IE9,IE10,IE11,firefox,safari,谷歌,360,世界之窗等浏览器起的公共css
- CSS高效开发实战:CSS 3、LESS、SASS、Bootstrap、Foundation --读书笔记(1)设定背景图
- css base 重置样式