优先级:内联样式>内部样式>外部样式
外部样式优先级: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" >
用法区分:
如果有多个页面公用同一种样式,那么就用外部样式。
如果只在一个页面用这一种样式且其他页面不需要,就用内部样式。
如果只在一个标签用到这一样式,就用内联样式。