zoukankan      html  css  js  c++  java
  • 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,就不说了,选择很多。


    合乎自然而生生不息。。。
  • 相关阅读:
    js web简单的路由管理器
    Flutter Android Toast Message(flutter访问Android Toast Message)
    web 常用开发工具
    vim 常用指令
    Bootstrap5 多级dropdown
    nginx proxy
    asm align 对齐数据
    nodejs stream 创建读写流
    asm FPU 寄存器
    Nestjs 上传文件到七牛云
  • 原文地址:https://www.cnblogs.com/samwu/p/2421482.html
Copyright © 2011-2022 走看看