Bootstrap框架：代码

原创于 2019-07-27 10:35:59 发布 · 584 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Bootstrap

bootstrap 专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了用于代码展示的各种HTML标签，包括内联代码、键盘输入、预格式化文本、变量和程序输出的标记方法。通过具体示例，读者可以学习如何使用<code>、<kbd>、<pre>、<var>和<samp>标签，提升代码在网页上的呈现效果。

代码:

1.code
2.kbd
3.pre
4.var
5.samp

+文字样式优先级

*{
			font-family: 微软雅黑!important;
		}

内联代码

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

For example, <code>&lt;section&gt;</code> should be wrapped as inline.

kdb文本背景颜色

To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>
To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>

pre源格式输出并且有灰色圆角背景

<pre>
if($a==0){
	echo 'aaaaaaaaaa';
}else{
	echo 'bbbbbbbbbb';
}
		</pre>

变量

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

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

程序输出

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

<samp>This text is meant to be treated as sample output from a computer program.</samp>