bootstrap基础(2)

1.标题类

在HTML中,可以使用不同的标签来定义不同的文本样式,例如文字的大小、粗体、删除线等。Bootstrap通过覆写元素的默认样式,实现对页面布局的优化,让页面在用户面前呈现得更加美观。
在浏览网页时最先关注的就是文章的标题,Bootstrap和普通的HTML页面一样,都是使用<h1>到<h6>标签来定义标题。同时Bootstrap还提供了一系列display类来设置标题样式。

 上表中,Bootstrap标题的具体使用和平时的使用方法是一样的,从一级标题到六级标题,数字越大所代表的级别越小,文本也越小。

2.文本类

段落<p>元素是网页布局中的重要组成部分,在Bootstrap中为文本设置了一个全局的正文文本样式,包括对字体和字号、行高、颜色的基础设置。除此之外,为了显示美观,同时便于用户阅读,特意给p元素设置了margin值。
在实际项目中,对于一些重要的文本,开发者往往希望对这些文本进行特殊的样式设置,以突显其重要性。

 文本格式

在网页布局中经常会用到文本对齐方式,在CSS中常常使用text-align属性来设置文本对齐方式。在Bootstrap中,为了简化操作,方便开发者使用,Bootstrap中提供了一系列的文本对齐样式和大小写相关的样式,具体见下表.


 3.列表

在ul(或ol)上使用 .list-unstyled 可以删除列表项目上默认的list-style以及左外边距(只针 对直接子元素),这只生效于在直接子列表项目上,不影响你嵌套的子列表。

4.表格

在网页制作中,通常会用到表格的鼠标悬停、隔行变色等功能。Bootstrap中提供了一系列表格布局样式,利用该样式可以帮助开发者快速开发出美观的表格,作用于<table>元素的表格样式如下表所示。

上表中,.table是表格的一个基类,如果想要加其他的样式,都要在.table的基础上去添加。表内的样式可以组合使用,多个样式之间只需使用空格隔开即可,并且都支持.table-dark样式,适用于反转色调。
作用于<thead>表头元素的样式如表下所示。

 5.设置背景颜色

 

 

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值