Bootstrap 全局CSS样式：代码块的引用

作者: WangMin
格言: 努力做好自己喜欢的每一件事
博客地址 👉 WangMin

内联代码

通过<code>标签包裹内联样式的代码片段。如果您想要内联显示代码，那么你应该使用这个标签。

<p>通过 <code>&lt;code&gt;</code> 
标签包裹内联样式的代码片段。如果您想要**内联显示代码**，那么你应该使用这个标签。
</p>

用户输入

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

<p>通过kbd标签标记用户通过键盘输入的内容。<kbd>cd</kbd>  <kbd>ctrl + ,</kbd></p>

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

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

还可以使用.pre-scrollable类，其作用是设置代码块区域的最大高度 max-height 为 350px ，代码块的高随着代码的多少改变，并在垂直方向展示滚动条。

变量

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

<var>y</var> = <var>m</var><var>x</var> + <var>b</var>

程序输出

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

就先分享到这里!! 😄 后续继续更新!!