请教专业人士,css样式的加载顺序

html-css019

请教专业人士,css样式的加载顺序,第1张

就不解释什么内联样式、内部样式、外部样式了,不够直观,通俗点或者直观点说好了:

第一优先级是标签上用style设置的css,例如:<div style="样式"></div>

第二优先级是html页面上在<style></style>内设置编写的css,例如:

<style> .divcss{样式}</style>

第三优先级是在html页面上引用外部的css样式表,例如:

<link href="文件路径" rel="stylesheet" media="screen" />

无论说法是叫优先级还是是加载顺序,都不重要,只要你有这么一个概念就好了,优先级越高,当碰到调用2个或2个以上同类型css的时候,只会调用优先级最高的那1个,要记住,每个标签上只能调用同类型css一次,比如你设置了宽度width:200px那么你再在其他调用方式中设置了width:300px或其他值,那么只会按优先级调用1个width值,其他的将会是无效值,不过切记,只是在这个标签上失效

css最好写在head头部里,也可以写在body里,写在头部的好处是先加载css,之后再body内容,不会使内容变形,如果放在body里,尤其放在body底部,那会让加载的内容无样式,等待css加载才显示样式,很不美观。