html – 用CSS着色单个单词

前端之家收集整理的这篇文章主要介绍了html – 用CSS着色单个单词前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想设置< pre>内的单个单词的颜色.块(大致来说,用于显示语法高亮显示代码). < font>标签被弃用,赞成使用CSS,足够公正;需要什么语法?特别是,要包装什么元素?我以前使用过< div>标记CSS样式的文本块,但这似乎只适用于标记全部段落.

解决方法

您应该使用最简单,最通用的 inline元素: <span>.对于每种类型的令牌,向span提供一个或多个适当的类.例如:
<span class="type">int</span>
<span class="name">foo</span>
<span class="op">=</span>
<span class="number literal">42</span>

See it in action.

更新:StackOverflow也做代码高亮 – 上面的代码突出显示!什么样的HTML?查看源HTML显示第一行使用高亮显示

<span class="tag">&lt;span</span>
<span class="pln"> </span>
<span class="atn">class</span>
<span class="pun">=</span>
<span class="atv">"type"</span>
<span class="tag">&gt;</span>
<span class="pln">int</span>
<span class="tag">&lt;/span&gt;</span>

// and it goes on
原文链接:https://www.f2er.com/html/230636.html

猜你在找的HTML相关文章