歌者文明清理员 发表于 2023-6-26 23:19:41

Bootstrap5学习笔记(3)

墙裂建议订阅一下Bootstrap5官方教程

源地址:https://fishc.com.cn/thread-229755-1-1.html

实验代码:

<!DOCTYPE html>
<html>
    <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Bootstrap5(3)</title>
      <link rel="stylesheet" href="css/bootstrap.css">
    </head>
    <body>
      <h1>Bootstrap5笔记(3)</h1>
      <p>这是平平无奇的笔记,但它用了 Bootrstap。</p>
      <p class="lead">重点,Bootstrap5 中的文本样式有:</p>
      <p><del>del</del></p>
      <p><mark>mark</mark></p>
      <p><u>u</u></p>
      <p><strong>strong</strong></p>
      <p><em>em</em></p>
      <p><abbr title="HyperText Markup Language">缩略语:HTML</abbr></p>
      <blockquote class="blockquote">
            <p>http://www.github.com/dddddgz</p>
      </blockquote>

      <script src="js/bootstrap.js"></script>
    </body>
</html>

效果:



接下来进入【讲解】环节!



不懂的可以前往 -> man.fishc.com

1. class="lead"

>> 传送门 >>

将 class 属性设为 “lead”,可以是文本脱颖而出。

2.del

>> 传送门 >>

删除文本

3.mark

>> 传送门 >>

为文本添加一个标记

4. u

>> 传送门 >>

添加下划线

5.strong

>> 传送门 >>

添加加粗内容

6. em

>> 传送门 >>

斜体字

7. 略缩语

>> 传送门 >>

定义一个简写,当鼠标悬浮时显示文字 + 更改鼠标图标为这个“问号”

8.引用

>> 传送门 >>

引用一句话
页: [1]
查看完整版本: Bootstrap5学习笔记(3)