css样式的优先级问题

优先级:内联样式>内部样式>外部样式
外部样式优先级:ID选择器>类选择器=属性选择器=伪类选择器>标签选择器

1、内联样式(inline)(CSS in HTML Elements)

<p style="font-family: arial;"> </p>

2、内部样式(internal)(CSS in a style Element)

<style>
p {
    font-family: arial;
    font-size  : 12px;
}    
</style>  

3、外部样式(external)(CSS in Style Sheet Files)

<link rel="stylesheet" type="text/css" href="/stylesheet.jsp" >

用法区分:

如果有多个页面公用同一种样式,那么就用外部样式。

如果只在一个页面用这一种样式且其他页面不需要,就用内部样式。

如果只在一个标签用到这一样式,就用内联样式。

猜你喜欢

转载自blog.csdn.net/mzjmmc/article/details/107971902