开发者学堂课程【前端开发框架 Bootstrap 使用教程：09_Bookstrap 全局 css 样式-代码】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/360/detail/4228
09_Bookstrap 全局 css 样式-代码
目录：
一、内联代码
二、用户输入
三、基本代码块
四、变量
五、程序输出
一、内联代码
通过<code>标签包裹内联样式的代码片段。
实例：
For example, <section>, should be wrapped as inline.
For example, <code><section></code> should be wrapped as inline.
二、用户输入
通过<kbd> 标签标记用户通过键盘输入的内容。
实例：
To switch directories, type cd followed by the name of the directory.
To edit settings, press ctrl + ,
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>标签，为了正确的展示代码，注意将尖括号做转义处理。
实例:
<p>Sample text here…</p>
<pre><p>Sample text here...</p></pre>
还可以使用. pre-scrollable类,其作用是设置max-height为350px , 并在垂直方向展示滾劫条。
四、变量
通过<var> 标签标记变量。
实例:
y= mx+b
<var>y</var>=<var>m</var><var>x</var> + <var>b</var>
五、程序输出
通过<samp>标签来标记程序输出的内容。
实例:
This text is meant to be treated as sample output from a computer program.
<samp>This text is meant to be treated as sample output fron a computer program.</sap>
