css引用方式共有3种:外部样式表、内部样式表、行内样式表。
其实除了这三种样式,css还有一种@import方式(即“导入样式表”)。@import方式和外部样式表很相似。不过在实际开发中,极少使用@import,更加倾向于使用link方式。这是因为@import方式先加载HTML后加载css,而link方式先加载css后加载HTML。
1.4.1 外部样式表
外部样式表是最理想的css引用方式,在实际开发中,为了提升网站的性能和可维护性,一般都是使用外部样式表。所谓外部样式表,指的是css代码和HTML代码分别放在不同的文件中,随后在HTML中使用link标签来链接css样式表。
外部样式表在一个单独的文件中定义,并且在标签对被link标签定义。
1.4.2 内部样式表
在实际开发中,相同频道的页面都会有相同的样式,我们一般会将公有样式放在外部样式表中。但是当一些页面需要个别样式时,我们就不应该把这些个别样式放在共有样式中。因为这些个别样式只需要出现在几个页面中,如果我们把这些个别样式放在公有样式中,会导致所有页面都加载一次个别样式,这样会影响加载速度。遇到这种情况我们就不能只使用外部样式表来解决,比较好的解决方法是在这些需要定义个别样式的页面中使用内部样式来定义。
1.4.3 行内样式表
在一个样式非常多的页面中,有时我们只需要对于一个小地方进行样式修改(加粗、改变颜色等)。对于这样的只出现一两次,且修改幅度小的样式修改,我们更倾向于行内样式来实现。
在实际开发中,我们应该灵活的配合使用外部样式表、行内样式表以及行内样式表,而不是一昧的只用外部样式表。实际上,外部样式表多用于公有样式,内部样式多用于私有样式,而行内样式多用于小的修改或者优先级方面。