<style> p { color: red; } </style>
如上所示,在HTML代码中,大家可以使用<style>标签来定义内部样式名。在与之相匹配的</style>标签之间,可以随意定义各种样式规则,例如上述的示例即为定义了所有<p>元素的颜色为红色。
与外部样式名不同的是,内部样式名只对当前HTML文档的一部分起作用,而外部样式名则可以在多个HTML页面中被共用。此外,内部样式名也可以被用于对个别的HTML元素做出特殊的样式定义。
<style> #special-p { font-size: 24px; font-weight: bold; color: blue; } </style> <p>This is a normal paragraph.</p> <p id="special-p">This is a special paragraph with larger font and blue color.</p>
上述示例中,大家为一个特定的<p>元素定义了一个id属性,并用此id来作为内部样式名的选择器。通过这样的方式,大家为特定的HTML元素赋予了特定的样式特征。这样的内部样式名定义除了可读性较好外,还能够减少不必要的选择器定义,以减少代码复杂度。
总之,在使用CSS定义HTML元素样式时,内部样式名是一种非常常见且实用的方法,可以有灵活性地对HTML元素做出定制化的样式特点。