Bootstrap全局css样式_代码

最新推荐文章于 2022-01-28 18:05:25 发布

Leon_Jinhai_Sun

最新推荐文章于 2022-01-28 18:05:25 发布

阅读量281

点赞数

本文链接：https://blog.csdn.net/Leon_Jinhai_Sun/article/details/88315766

版权

内联代码
通过 <code> 标签包裹内联样式的代码片段。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="bootstrap.min.css">
</head>
<body>
  <div class="container">
    <p>
    Hello大家好,<code>欢迎来到声讯台</code>,
    希望您能在这里对BootStrap有一个很好的理解.
    </p>
  </div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="bootstrap.min.css">
</head>
<body>
  <div class="container">
    <p>
    Hello大家好,<code>p</code>,
    希望您能在这里对BootStrap有一个很好的理解.
    </p>
  </div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="bootstrap.min.css">
</head>
<body>
  <div class="container">
    <p>
    Hello大家好,<code>&lt;section&gt;</code> ,
    希望您能在这里对BootStrap有一个很好的理解.
    </p>
  </div>
</body>
</html>

通过 <kbd> 标签标记用户通过键盘输入的内容。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="bootstrap.min.css">
</head>
<body>
  <div class="container">
    <p>
    Hello大家好,欢迎来到<kbd>声讯台</kbd>,
    希望您能在这里对BootStrap有一个很好的理解.
    </p>
  </div>
</body>
</html>

多行代码可以使用 <pre> 标签。为了正确的展示代码，注意将尖括号做转义处理。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="bootstrap.min.css">
</head>
<body>
  <div class="container">
    <p>
    Hello大家好,欢迎来到<kbd>声讯台</kbd>,
    希望您能在这里对BootStrap有一个很好的理解.
    </p>

    <pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre>
  </div>
</body>
</html>

通过 <var> 标签标记变量。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="bootstrap.min.css">
</head>
<body>
  <div class="container">
      <var>y</var> = <var>m</var><var>x</var> + <var>b</var>
  </div>
</body>
</html>

通过 <samp> 标签来标记程序输出的内容。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="bootstrap.min.css">
</head>
<body>
  <div class="container">
      <samp>
      This text is meant to be treated as sample output from a computer program.
      </samp>
  </div>
</body>
</html>