• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > bootstrap3.0教程之排版详细使用教程(标题、页面主体、强调、缩略语等用法)

bootstrap3.0教程之排版详细使用教程(标题、页面主体、强调、缩略语等用法)

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含bootstrap3.0教程,排版等相关知识,佚名 希望在学习及工作中可以帮助到您

本次主要来了解的是排版,这个大部分在HTML的基本标签中也是存在的,所以相对比较简单,为了保证系列的完整性,也顺带复习下,还是记录一下。主要内容如下:

1.标题

2.页面主体

3.强调

4.缩略语

5.地址

6.引用

7.列表

8.总结

标题

Html中的所有标题标签,从<h1>到<h6>均可使用。另外还提供了.h1到.h6的class,为的是给inline属性的文本赋予标题的样式。


在标题内还可以包含<small>标签或.small元素,可以用来标记副标题。


页面主体

Bootstrap将全局font-size设置为14px,line-height为1.428 。这些属性直接赋给<body>和所有段落元素。另外,<p>(段落)还被设置了等于1/2行高的底部外边距(margin)(即10px)。


 Lead body copy

通过添加.lead可以让段落突出显示。


强调

直接使用HTML中用于标注强调的标签,并给他们赋予少许的样式。

1.小号文本

对于不需要强调的inline或block类型的文本,使用<small>标签包裹,其内的文本将被设置为父容器字体大小的85%。标题元素中嵌套的<small>元素被设置不同的font-size。

你还可以为行内元素赋予.small以代替任何<small>标签。


2.着重

通过增加font-weight强调一段文本。


3.斜体

用斜体强调一段文本。


4.对齐class

通过文本对齐class,可以简单方便的将文字重新对齐。


5.强调class

这些class通过颜色来表示强调。也可以应用于链接,当鼠标盘旋于链接上时,其颜色会变深,就像默认的链接样式。


缩略图

当鼠标悬停在缩写和缩写词上时就

您可能想查找下面的文章:

  • bootstrap3.0教程之表单(form)使用详解
  • bootstrap3.0教程之多种表格效果(条纹状表格、条纹状表格、鼠标悬停等)
  • bootstrap3.0教程之排版详细使用教程(标题、页面主体、强调、缩略语等用法)
  • bootstrap3.0教程之栅格系统案例(包括栅格选项、从堆叠到水平排列、移动设备和桌面等
  • bootstrap3.0教程之栅格系统原理(布局)

相关文章

  • 2017-08-06详解CSS中的栅格系统
  • 2017-08-06css在firefox及IE6中最小高度如何设置
  • 2017-08-06CSS 英文教程 CSS语法
  • 2017-08-06项目中碰到的css兼容问题小结
  • 2017-08-06CSS编程中一些值得注意的地方小结
  • 2017-08-06CSS重要属性之 margin 属性知识大整合(必看篇)
  • 2017-08-06html5+css3之制作header实例与更新
  • 2017-08-06css文件中的样式类被覆盖,js文件中的变量未定义问题
  • 2017-08-06IE6,IE7,IE8 css bug搜集及浏览器兼容性问题解决方法汇总
  • 2017-08-06一款纯css3实现的鼠标悬停动画按钮

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 如何使div垂直水平居中的css代码
    • 详解PNG图片
    • 一款纯css3实现的tab选项卡的实列教程
    • firefox不显示border通过清除float便可解决
    • css与html常见的三种结合方式示例介绍
    • 利用CSS3的特性改变文本选中时的颜色
    • 初探CSS3中的calc()功能
    • css浮动中避免包含元素高度为0的4种解决方法
    • 用CSS样式描述表格Table边框
    • CSS IE6奇数宽度或高度的bug

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有