html – 用CSS着色单个单词

html – 用CSS着色单个单词,第1张

概述我想设置< pre>内的单个单词的颜色.块(大致来说,用于显示语法高亮显示的代码). < font>标签被弃用,赞成使用CSS,足够公正;需要什么语法?特别是,要包装什么元素?我以前使用过< div>标记CSS样式的文本块,但这似乎只适用于标记全部段落. 您应该使用最简单,最通用的 inline元素: <span>.对于每种类型的令牌,向span提供一个或多个适当的类.例如: <span clas 我想设置< pre>内的单个单词的颜色.块(大致来说,用于显示语法高亮显示的代码). < Font>标签被弃用,赞成使用CSS,足够公正;需要什么语法?特别是,要包装什么元素?我以前使用过< div>标记CSS样式的文本块,但这似乎只适用于标记全部段落.解决方法 您应该使用最简单,最通用的 inline元素: <span>.对于每种类型的令牌,向span提供一个或多个适当的类.例如:
<span >int</span><span >foo</span><span >=</span><span >42</span>

See it in action.

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

<span >&lt;span</span><span > </span><span >class</span><span >=</span><span >"type"</span><span >&gt;</span><span >int</span><span >&lt;/span&gt;</span>// and it goes on
总结

以上是内存溢出为你收集整理的html – 用CSS着色单个单词全部内容,希望文章能够帮你解决html – 用CSS着色单个单词所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1099908.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存