<!-- 這是HTML頁(yè)面專題隱藏文件的示例 --> <!-- 這是隱藏的CSS代碼,放在<style>標(biāo)簽內(nèi)或者外部CSS文件中 --> <style> .hidden-text { height: 1px; background-color: black; color: white; font-size: 0.1em; /* 通常使用em而不是直接寫0.1,以保持相對(duì)單位的一致性 */ overflow: hidden; } </style> <!-- 調(diào)用CSS代碼放到專題頁(yè)底部 --> <div> <p class="hidden-text"> 這是要隱藏的內(nèi)容,調(diào)用上面的CSS </p> </div>
注意事項(xiàng):
CSS代碼被放置在了<style>
標(biāo)簽內(nèi),這樣可以直接在HTML文件中嵌入CSS。當(dāng)然,你也可以將其保存為獨(dú)立的CSS文件,并通過<link>
標(biāo)簽引用。
修正了font-size
屬性的值,使用em
作為單位更為合適,因?yàn)樗鄬?duì)于元素的字體大小。
HTML注釋使用<!-- -->
包裹,CSS注釋則使用/* */
。
代碼的排版和縮進(jìn)有助于提高可讀性。