Bootstrap5学习笔记(3)

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

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

墙裂建议订阅一下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>
这是平平无奇的笔记，但它用了 Bootrstap。
重点，Bootstrap5 中的文本样式有：
<del>del</del>
mark
u
strong
em
<abbr title="HyperText Markup Language">缩略语：HTML</abbr>
<blockquote class="blockquote">
http://www.github.com/dddddgz
</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.引用

>> 传送门 >>

引用一句话

账号		自动登录	找回密码
密码			立即注册

[学习笔记] Bootstrap5学习笔记(3)

马上注册，结交更多好友，享用更多功能^_^

本帖被以下淘专辑推荐: