在CSS样式表中,我们通常会将样式的一些特征定义为全局样式,也就是所有网页元素都可以引用的样式。不过有些时候,我们更希望能够对某个特定的元素应用一个特定的样式,而不是应用全局的样式。这个时候,就需要使...
在CSS样式表中,我们通常会将样式的一些特征定义为全局样式,也就是所有网页元素都可以引用的样式。不过有些时候,我们更希望能够对某个特定的元素应用一个特定的样式,而不是应用全局的样式。这个时候,就需要使用内联样式。
<p>内联样式是指直接将样式特征写在HTML标签中的style属性里,这样样式只会应用于该标签元素,而不会影响其他元素。</p> <p>例如:</p> <p style=" color:red; font-size:20px;">这是一个内联样式的段落</p> <p>上面这个例子中,我们使用style属性来定义了一个内联样式。其中,color和font-size是两个样式特征,这个内联样式只会应用于<p>标签。</p>
内联样式有一个非常显著的优点,就是可以非常精确地对一个元素进行样式控制。但是,如果页面中有很多元素都需要进行样式控制,那么在每个标签中写内联样式会使HTML代码非常臃肿。这个时候,我们就需要重新考虑使用全局样式表的问题。