Bootstrap的粗体和斜体

一、粗体

  粗体就是给文本加粗,在普通的元素中我们一般通过font-weight设置为bold关键词给文本加粗。  

  在Bootstrap中,可以使用<b><strong>标签让文本直接加粗。源码查看bootstrap.css文件第55行~第58行

b,strong {
  font-weight: bold; /*文本加粗*/
}
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>粗体</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>

<body>
<p>我在学习<strong>Bootstrap</strong>,我要掌握<strong>Bootstrap</strong>的所有知识。</p>
<!--下面是任务部分-->
<p>我是一个段落,这个段落中“强调”一词将会加粗显示。</p>

</body>
</html>

二、斜体

  在排版中,除了用加粗来强调突出的文本之外,还可以使用斜体。

   斜体类似于加粗一样,除了可以给元素设置样式font-style值为italic实现之外,在Bootstrap中还可以通过使用标签<em>或<i>来实现。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>斜体</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>

<body>
  <p>我在慕课网上跟<em>大漠</em>一起学习<i>Bootstrap</i>的使用。我一定要学会<i>Bootstrap</i>。</p>
</body>
</html>
时间: 2024-07-30 19:50:58

Bootstrap的粗体和斜体的相关文章

文字排版--字体、字号、颜色、粗体、斜体、下划线、删除线

我们可以使用css样式为网页中的文字设置字体.字号.颜色等样式属性.下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体. body{font-family:"宋体";} 这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体.(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体.)现在一般网页喜欢设置"微软雅黑",如下代码: body{font-family:"Micr

文字排版--粗体(font-weight)

我们还可以使用css样式来改变文字的样式:粗体.斜体.下划线.删除线,可以使用下面代码实现设置文字以粗体样式显示出来. p span{font-weight:bold;} 在这里大家可以看到,如果想为文字设置粗体是有单独的css样式来实现的,再不用为了实现粗体样式而使用h1-h6或strong标签了. <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content=&q

openhtmltopdf 支持自定义字体、粗体

一.支持自定义字体 private static void renderPDF(String html, OutputStream outputStream) throws Exception { try { PdfRendererBuilder builder = new PdfRendererBuilder(); addFont(builder, "D:\\font\\"); builder.useUnicodeBidiSplitter(new ICUBidiSplitter.IC

文字排版--粗体

文字排版--粗体 我们还可以使用css样式来改变文字的样式:粗体.斜体.下划线.删除线,可以使用下面代码实现设置文字以粗体样式显示出来. p span{font-weight:bold;} 在这里大家可以看到,如果想为文字设置粗体是有单独的css样式来实现的,再不用为了实现粗体样式而使用h1-h6或strong标签了. <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" c

html基础 strong em del ins 粗体 斜体 加删除线 加下划线

礼悟:    公恒学思合行悟,尊师重道存感恩.叶见寻根三返一,江河湖海同一体.          虚怀若谷良心主,愿行无悔给最苦.读书锻炼养身心,诚劝且行且珍惜.              ide:visual studio 2017             browser:Chrome / Firefox                     os:win7 代码 <!DOCTYPE html> <html> <head> <title></tit

[修正] Firemonkey Android 文字斜粗体显示不全的问题

问题:Firemonkey Android 平台显示斜粗体文字时,文字右方会有显示不全的问题. 修正代码: 请将 FMX.FontGlyphs.Android.pas 复制到自己的工程目录下,再修改如下代码: function TAndroidFontGlyphManager.DoGetGlyph ... 略 ... if Bounds.left < 0 then Width := Width - Bounds.left; {+++>} // 加入修正代码: 文字斜粗显示 by Aone 20

textView设置粗体以及textView文字中划线

设置粗体 2. 设置划线经过文字 private void initHeaderView2(LayoutInflater inflater) { headerView2 = inflater.inflate(R.layout.main_header_qianggou, null); final TextView tv_time = (TextView) headerView2 .findViewById(R.id.textView2); TextView tv_oldPrice = (TextV

如何将TextView中的中文设置成粗体?

在xml文件中使用android:textStyle="bold" 可以将英文设置成粗体,但是不能将中文设置成粗体,将中文设置成粗体的方法是: TextView tv = (TextView)findViewById(R.id.TextView01); TextPaint tp = tv.getPaint(); tp.setFakeBoldText(true); 版权声明:本文为博主原创文章,未经博主允许不得转载.

Android之在string.xml配置文字颜色粗体等效果

string.xml <string name="exchange_txt_hint"><Data><![CDATA[请使用<font color="#ff0000"><b>%1$s</b></font>牛兑换<font color="#ff0000"><b>%2$s</b></font>%3$s 上网时长]]>&l