位置: 编程技术 - 正文

第二章之Bootstrap 页面排版样式(bootstrap2)

编辑:rootadmin

推荐整理分享第二章之Bootstrap 页面排版样式(bootstrap2),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:bootstrap boosting,bootstrap视频教程,the bootstrap,bootstrap-,bootstrap-,bootstrap2,bootstrap基础教程,bootstrap2,内容如对您有帮助,希望把文章链接给更多的朋友!

Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。

学习要点:

1.页面排版

本节课我们主要学习一下 Bootstrap 全局 CSS 样式中的排版样式,包括了标题、页面主体、对齐、列表等常规内容。

一.页面排版

Bootstrap 提供了一些常规设计好的页面排版的样式供开发者使用。

1.页面主体

Bootstrap 将全局 font-size 设置为 px,line-height 行高设置为 1.(即px);<p>段落元素被设置等于 1/2 行高(即 px);颜色被设置为#。

2.标题

我们从 Firebug 查看元素了解到, Bootstrap 分别对 h1 ~ h6 进行了 CSS 样式的重构,并且还支持普通内联元素定义 class=(.h1 ~ h6)来实现相同的功能。

注:通过 Firebug 查看元素还看到,字体颜色、字体样式、行高均被固定了,从而保证了统一性,而原生的会根据系统内置的首选字体决定,颜色是最黑色。

第二章之Bootstrap 页面排版样式(bootstrap2)

在 h1 ~ h6 元素之间,还可以嵌入一个 small 元素作为副标题,

通过 Firebug 查看,我们发现 h1 ~ h3 下 small 元素的大小只占父元素的 %,那么通过计算(查看 Firebug 计算后的样式), h1 ~ h3 下的 small 为 .4px、 .5px、 .6px;h4 ~ h6 下 small 元素的大小只占父元素的 % ,分别为:.5px、.5px、9px。在 h1 ~ h6 下的 small 样式也进行了改变,颜色变成淡灰色:#,行高为 1,粗度为 。

3.内联文本元素

4.对齐

5.大小写

6.缩略语

7.地址文本

8.引用文本

9.列表排版

.代码

Bootstrap 还列举了<var>表示标记变量,<samp>表示程序输出,只不过没有重新复写 CSS。

以上所述是小编给大家介绍的Bootstrap 页面排版样式的相关知识,希望对对大家有所帮助!

第一章之初识Bootstrap 学习要点:1.Bootstrap概述2.Bootstrap特点3.Bootstrap结构4.创建第一个页面5.学习的各项准备本节课我们主要了解一下Boostrap历史、特点、用途,以及为什么选

Bootstrap每天必学之按钮(Button)插件 按钮(Button)在Bootstrap按钮一章中介绍过。通过按钮(Button)插件,您可以添加进一些交互,比如控制按钮状态,或者为其他组件(如工具栏)创建按

基于JS实现EOS隐藏错误提示层代码 废话不多说了,直接给大家贴代码了,具体代码如下所示://参数为消息提示层对应的对象,通常为表单里的对象//特别注意:当使用扩展方法里的type=ra

标签: bootstrap2

本文链接地址:https://www.jiuchutong.com/biancheng/373526.html 转载请保留说明!

上一篇:第三章之Bootstrap 表格与按钮功能(第三章之一、使用二手设备降低生产成本读后感)

下一篇:第一章之初识Bootstrap(第一章初见第二章决定)

  • 电子税务局财务报表怎么更正申报
  • 增值税税控开票软件怎么下载
  • 提足折旧是指
  • 个税申报状态失败,如何更正申报
  • 一般纳税人购销合同印花税计税依据
  • 更改开票信息需要多久
  • 收购票怎么做会计分录
  • 安置残疾人加计扣除
  • 6月份的申报期是几号
  • 投资者回售选择权是什么意思
  • 中小企业税务管理存在的问题
  • 个体工商户税收怎么算
  • 企业所得税前扣除是啥意思
  • 货币资金核算的调查报告
  • 收到发票错误主管有责任吗
  • 增值税电子发票怎么开具流程
  • 销项已开进项还没有收到分录如何处理?
  • 资本公积转增股本会计处理
  • 净利润等于未分配利润和盈余公积吗
  • 虚开增值税简单例子
  • 把快速打开
  • 财务报表未分配利润为负数
  • 预缴增值税附加税款怎么填写申报表
  • 大沙丘国家公园在哪里
  • 职工教育经费怎么记账
  • 向分公司借款
  • 一般纳税人购进税控收款机抵扣
  • 政府会计公共基础设施的概念和内容
  • wordpress如何使用
  • php基于SQLite实现的分页功能示例
  • 境外租赁要交什么税
  • 应交税费会计分录例题
  • 什么的利息收入可免纳个人所得税
  • 新办公司实收资本怎么查
  • 红嘴牛文鸟图片
  • 跨年度退货的账务处理
  • php定义一个二维数组
  • 金税盘锁死咋办
  • 土地出让金返还的税务处理
  • MySQL查看最大连接数
  • 织梦怎么安装
  • mongodb修改命令
  • 缴纳个人所得税有什么好处
  • 抚恤金发放标准2019年
  • 商业会计与财务会计的相同
  • 收到赠送的货物会计分录
  • 长期股权投资资本公积增加记哪个会计科目
  • 转让不动产与销售不符
  • asp连接mysql数据库
  • 出票后定期付款的汇票,其提示付款的期限为
  • 员工为公司垫费合法吗
  • 出口转内销会计分录举例
  • 母子公司无偿划转土地
  • 扣非净利润占比多少合理
  • 增值税专用发票几个点
  • 固定资产是每月折旧吗
  • 如何处理公益性岗位问题
  • 旅游业营业税税率
  • linux系统关机重启命令
  • win10如何彻底清理
  • win10老是弹窗广告
  • win7 分区表
  • win10更新中重启会怎么样
  • linux软件少
  • Win10预览版更新弹窗如何关闭
  • [置顶] rwmfqg
  • eclipse swt教程
  • node.js教学
  • node.js mongodb
  • 在Debian(Raspberry Pi)树莓派上安装NodeJS的教程详解
  • nodejs 动态网页
  • [置顶]马粥街残酷史
  • javascript的用法
  • android.net.wifi
  • JavaScript基础教程
  • javascript学习指南
  • 税务局约谈记录
  • 专项扣除赡养老人是什么意思
  • 残疾人保障金税前扣除规定
  • 开企业资信证明怎么办?需要哪些材料?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设