HTML
CSS
JavaScript
play_arrow
HTML
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>排版 - 内联文本样式</title>
  <link rel="stylesheet" href="../assets/mdui-v0.4.2/css/mdui.min.css"/>
</head>
<body>

<div class="mdui-container">
  <div class="mdui-typo">
    <p><a href="#">这是一个链接</a></p>
    <p>使用 mark 标签来<mark>高亮文本</mark>。</p>
    <p><del>这行文本被视为已删除文本。</del></p>
    <p><ins>这行文本是被强势插入的元素。</ins></p>
    <p><u>这行文本带有下划线。</u></p>
    <p><small>这行文本字体被缩小了。</small></p>
    <p><strong>这行文本被加粗了。</strong></p>
    <p><em>这段文本是斜体的。</em></p>
    <p>响应式设计缩写 <abbr title="Responsive web design">RWD</abbr></p>
    <p>这行文本包含内联代码 <code>&lt;code&gt;</code></p>
    <p>按下 <kbd>Esc</kbd> 可以关闭对话框</p>
    <p><var>y</var> = <var>m</var><var>x</var> + <var>b</var></p>
  </div>
</div>

<script src="../assets/mdui-v0.4.2/js/mdui.min.js"></script>
</body>
</html>
CSS

    

    

        
JavaScript