{site_name}

{site_name}

🌜 搜索

CSS3 实体(CSS3 entities)是一种通过特殊的字符序列来表示某些字符的方法,它可以在 CSS 样式表中使用

前端 𝄐 0
css实体字符,css3实现3d效果教程,css实现3d效果,css transform 3d,css实例教程,css实战
CSS3 实体(CSS3 entities)是一种通过特殊的字符序列来表示某些字符的方法,它可以在 CSS 样式表中使用。实体通常用于表示无法在源代码中直接输入的特殊字符或符号,比如版权符号(©)、注册商标符号(®)等。

实体由一个“&”符号开始,以一个分号“;”结束。在这两个符号之间,你需要输入实体名称或实体数字码。实体名称以一个“#”符号开始,然后跟着一个或多个字母或数字,例如“&”代表“&”符号,“©”代表版权符号“©”。

以下是一些常见的 CSS3 实体和它们对应的字符:

- & —— & 符号
- < —— < 符号
- > —— > 符号
- © —— 版权符号 ©
- ® —— 注册商标符号 ®
- ‘ —— 左单引号 ‘
- ’ —— 右单引号 ’

例子:使用实体来添加版权符号到页面中的文本

HTML 代码:

<p>所有文章著作权归作者所有 ©。</p>


CSS 代码:

p:after {
content: "©";
}


这个例子中,我们使用了 HTML5 中的段落元素 <p> 来包含一段文本。在 CSS3 的样式规则中,我们使用了 :after 伪元素来给这段文本添加版权符号。在 content 属性的值中,我们输入了实体名 © 代表版权符号,CSS 渲染引擎会将它转换成字符“©”并插入到文本后面。