简介
在本实验中,我们将探索 CSS 中的 quotes 属性,该属性允许我们自定义用于内联引用的引号。我们将学习如何使用此属性定义自己的开始和结束引号字符,并将它们应用于 HTML 中的 <q> 元素。在本实验结束时,你将更好地理解如何为网页样式添加个人风格。
这是一个实验(Guided Lab),提供逐步指导来帮助你学习和实践。请仔细按照说明完成每个步骤,获得实际操作经验。根据历史数据,这是一个 初级 级别的实验,完成率为 100%。获得了学习者 100% 的好评率。
风格化的引号
虚拟机中已经提供了 index.html 和 style.css。
要自定义内联引号,请修改 <q> 元素内的 quotes 属性。
例如:
<p><q>Do or do not, there is no try.</q> – Yoda</p>
可以使用 CSS 用花括号引号来设置样式:
q {
quotes: "“" "”";
}
请点击右下角的“Go Live”以在端口 8080 上运行网络服务。然后,你可以刷新“Web 8080”标签页来预览网页。
总结
恭喜你!你已经完成了“风格化的引号”实验。你可以在 LabEx 中练习更多实验来提升你的技能。