如果我们在HTML文档中引入样式表,那么可以分为内部样式表和外部样式表。
内外部样式表的定义需要使用标签的class或id属性,或者是直接以标签作为声明,定义某一个块的样式,从原则上说可以定义HTML页面每一部分的样式,可以使用css对HTML页面的效果进行优化,也可以使控制和显示分离,使程序易于维护。
内部样式表是直接在HTML文档中用<style>标签对,使用css的基本语法对HTML页面的呈现效果进行定义,不需要再定义<link>标签外部样式表进行引用。而外部样式表是在独立的css文件对HTML页面的样式进行定义,通过<link>标签对外部样式表进行引用。
如果在HTML文档中,使用<style>标签对,进行了css的设定,但如果假设需要对外部样式表进行引用,而引用的外部样式表的效果跟内部样式有重复的地方。那么在这种情况下,对于这两种样式表,他们呈现的效果会是怎样?
首先你可以想象他们的效果是做一个并集,但这个并集是有先后顺序的,他会把二者不同的设置进行添加,而二者皆有的设置但有不同值,他会根据先后决定显示谁的效果,如果内部样式表在前,那么他会显示外部样式表对相同设置的效果。反之,则相反。