Bootstrap的全局CSS样式

本文详细介绍了全局CSS样式的使用方法,包括标题、页面主体、内联文本元素、代码、表格、表单、图片等各类元素的样式设置,并提供了丰富的类名样式用于布局和展示效果的调整。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

全局CSS样式(核心内容,掌握)
        1)标题
            h1-h6
            small
        2)页面主体
            body(字号为14px,行间距1.5行)
            p(字号为14px,行间距1.5行,margin为10px)
        3)内联文本元素及类(样式)
            元素:
                mark:标记
                del:删除
                s:不可用(删除)
                ins:插入(下划线)
                u:下划线
                small:小型字号
                strong:加粗(强调)
                em:顷斜
                abbr:缩略语
                address:地址
                blockquote:引用
                ul:无序列表
                ol:有序列表
                dl:自定义列表
            类名(样式)
               .text-left:左对齐
               .text-center:居中
               .text-right:右对齐
               .text-justify:两端对齐(分散对齐)
               .text-nowrap:不换行

               .text-lowercase:小写
               .text-uppercase:大写
               .text-capitalize:首字母大写
        4)代码
            code:代码
            kbd:键盘输入
            pre:代码块
            var:变量
            samp:程序输出
        5)表格
            .table:基本表格
            .table-striped:条纹状表格
            .table-bordered:带边框的表格
            .table-hover:带鼠标悬停的表格
            .table-condensed:紧缩表格
            .table-responsive:响应式表格

            表格状态(颜色配置):
                .active:鼠标悬停在行或单元格上时所设置的颜色
                .success:标识成功或积极的动作
                .info:标识普通的提示信息或动作
                .warning:标识警告或需要用户注意
                .danger:标识危险或潜在的带来负面影响的动作
        6)表单
            .form-group:组件编组
            .form-control:响应式组件
            .form-inline:内联表单
            .form-horizontal:水平排列的表单

            表单中支持的输入类组件:
                text、password、datetime、datetime-local、date、month、time、
                week、number、email、url、search、tel、color
            其它组件:
                textarea
                radio
                checkbox
                select
        7)图片
            .img-responsive:响应式图片
            .img-rounded:圆角
            .img-circle:圆
            .img-thumbnail:缩略图
        8)辅助类
            关闭按钮
            三角符号
            浮动
            清除浮动

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值