.box { border: 1px solid black; padding: 10px; }
在上面的代码中,如果大家没有在.box标记内添加任何内容,那么这个标记将会是一个空标记。但是这并不会影响CSS设置的边框和内边距样式,因为这些样式是应用于标记本身的。
在实际开发中,大家可以使用空标记来实现一些特殊的布局效果,例如通过设置空标记的高度来撑开容器的高度,或者设置空标记的背景色来实现一些特殊的线条效果等等。
.line { height: 2px; background-color: black; }
在上面的代码中,大家使用了一个空标记来实现一条黑色的线条效果。通过设置空标记的高度和背景色,大家可以让这个标记呈现出线条的效果,而不需要额外的HTML元素或者CSS技巧。