bootstrap的BaseCSS 20120328

本文详细介绍了Bootstrap框架对网页基本元素如字体、表格、表单及按钮等进行的样式处理。包括了Typography文字样式调整、表格布局优化、表单交互增强及按钮外观定制等内容。

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

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值