Rumah > hujung hadapan web > html tutorial > html引用css文件的方法

html引用css文件的方法

王林
Lepaskan: 2020-02-20 18:16:49
ke hadapan
3212 orang telah melayarinya

html引用css文件的方法

HTML中引用CSS的方法主要有:

1、行内样式

2、内嵌式

3、链接式

4、导入样式

行内样式

指写在标签里的Style元素的值

<p style="color: #FF0000;">行内样式</p>
Salin selepas log masuk

推荐教程:html教程

内嵌式

写在HTML页面的head标签里。

<style type="text/css">
            XXXXXXXX        
</style>
Salin selepas log masuk

链接式

也是在head标签内部进行,但是需要在外部专门写CSS文件。

<link rel="stylesheet" href="css/Demo.css" />
Salin selepas log masuk

导入样式

同样在head标签内。

<style type="text/css">
            @import url("css/Demo.css");        
</style>
Salin selepas log masuk

导入和链接的区别为:导入时一次加载,而链接是在需要其样式的时候再去加载,所以链接式的性能更高一点。 尤其是在第一次加载 时。

优先级:

行内样式
链接式
内嵌式
导入式(链接在导入后)
OR
行内样式
内嵌式
导入式

更多编程相关内容,请关注php中文网编程入门栏目!

Atas ialah kandungan terperinci html引用css文件的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:cnblogs.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan