HTML:超级文本标记语言。
CSS:层叠样式表。
在说HTML文档中引入CSS文件的方法之前,小编先给大家说一下CSS可以放在HTML中的哪些地方。
第一个地方:标签里,俗称行内样式或内联样式。
行内样式
放在这个地方的样式,它的权重是最高的,就是说:如果放在其它地方的样式中的属性和行内样式中的属性相同,但是属性值不同,那么它就会优先执行行内样式的属性值。那么就有人问了:是不是行内样式是最好的呢?小编在这里做出回答:不是的。那么这是为什么呢?小编只能说行内样式不利于网页的整体规划。这里还有一个原因是因为我们想把HTML和CSS分离。
第二个地方:head里面,俗称内部样式。就是在head里使用style标签包含的样式。
内部样式
放在这个地方的样式,它的权重是属于中间的,那么就会有人说:最大的权重我不能用,那么我就用第二的权重总可以了吧!小编想说的是:可以用是可以用,但不是最好的。这又是为什么呢?是因为一个页面的CSSS是有很多的,那么和HTML放在一起就不是很好了。还有一个问题就是:HTML和CSS没有完全的分离。
第三个地方:一个单独的文件,俗称外部样式。当然这里我们就要在HTML文档中引入CSS文件了,也就是我们这篇文章的标题。
外部样式
从上图就可以看出了在HTML文档中引入CSS文件的方法了吧!采用引入CSS文件的方法,虽然他的权重是最低的,但是他是把HTML和CSS完全的分离l了的。外部样式也是我们最常用的方法。
从HTML文档中引入CSS文件肯定还有其它方法,这里小编推荐这种方法,大家也可以在评论里指出其它的方法,分享给大家!