bootstrap的BaseCSS 20120328

bootstrap的基本样式处理,处理网页的字体(Typography),表格,表单,按钮,小图标(Icons by Glyphicons)。

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,就不说了,选择很多。

 

 

 

 

 

posted @ 2012-03-28 16:17  草珊瑚  阅读(4735)  评论(0编辑  收藏  举报