什么是最好的CSS技巧,以减少您需要多少HTML?
作者:互联网
2026-03-29
什么是最聪明的CSS技术,让您使用更少的 HTML?
使用CSS的一个优点是它可以让你简化你的HTML,并完全在CSS中产生外观效果.一开始,这只是用CSS替换弃用的HTML表示标记和spacer-GIF,但近年来已经显示出更多好主意.
我正在寻找比以下更不明显的东西.
>用CSS边框替换HTML HR,用于分隔已经是DIV的部分.>将HTML IMG替换为CSS背景图像,用于非“内容”的图形.>用CSS代替HTML文本:before和content,用于不是’content’的文本.
我不是在寻找涉及添加JavaScript或更多HTML的技术,例如其他DIV元素.
只有在说出哪些技术时,才能在特定浏览器和版本中使用的技术是可以的.
不在div中嵌套元素可以省略特异性,而只是给元素本身提供唯一标识符.
- ListItem1
- ListItem2
用…来代替
- ListItem1
- ListItem2
那样你的CSS就可以了
div#mylist ul li { } 至
ul#mylist li { } 并且HTML会少一些.
编辑:在不必要的情况下:)
相关推荐
