同学们在完成网页设计作业时,制作HTML页面需要引用CSS样式,常见的页面引用CSS文件的方法主要有:行内样式、内嵌式、链接式、导入样式,这四种方式有什么区别呢?
一、行内样式
指写在标签里的Style元素的值,例如:<p style="color:#FF0000;">网页设计</p>
二、内嵌式
指写在HTML页面的head标签里,例如:<style type="text/css">XXXXXXXX</style>
三、链接式
在head标签内部进行引用,在外部专门写CSS文件,例如:<link rel="stylesheet" href="css/style.css"/>
四、导入样式
在head标签内引用,例如:<style type="text/css">@importurl("css/style.css");</style>
导入和链接的区别是:导入是一次加载,而链接是在需要其样式的时候再去加载,所以链接式的性能更高一点。