Bagaimana untuk memuatkan css dalam html

Cara memuatkan css dalam html: 1. Muatkan css melalui gaya luar; 2. Muatkan css melalui gaya dalaman; 3. Muatkan css melalui gaya sebaris;

Persekitaran pengendalian artikel ini: sistem windows7, versi HTML5&&CSS3, komputer DELL G3

Bagaimana untuk memuatkan css dalam html?

Terdapat 4 jenis gaya css yang dimuatkan

1. Gaya luaran (gaya luaran)

Jika css ialah fail luaran , anda boleh Tulis

<link href="style.css" rel="stylesheet" type="text/css" />

href="style.css" dalam 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 Di sini anda boleh menulis laluan fail css anda

seperti ini Borangnya adalah untuk menulis css secara berasingan ke dalam fail css, dan kemudian memautkannya dalam kod sumber sebagai pautan. Kelebihannya ialah ia boleh dipanggil bukan sahaja di halaman ini, tetapi juga di halaman lain Ia adalah bentuk yang paling biasa digunakan

2 gaya dalaman, juga Anda boleh menulis

dalam 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 Ia berakhir dengan c9ccee2e6ea535a969eb3f532ad9fe89 dan 531ac245ce3e4fe3d50054a55f265927 kod sumber. Helaian gaya sedemikian hanya sah untuk halaman ini. Ia tidak boleh digunakan pada halaman lain.

<style type="text/css">
h3 { color:#f00;}
</style>

3. Gaya sebaris

Anda juga boleh menulis gaya css terus pada teg html

Gaya yang ditandakan dalam teg ini ialah gaya sebaris, sebaris gaya Ia hanya sah untuk elemen dalam teg Memandangkan ia tidak dipisahkan daripada kandungan, ia tidak disyorkan untuk menggunakannya.

<p style="font-size:18px;">内部样式</p>

4. Gaya yang diimport

Gaya yang diimport ialah helaian gaya luaran yang dipautkan oleh teg url @import Ia biasanya digunakan dalam helaian gaya lain. Jika index.css ialah gaya yang digunakan pada halaman utama, maka kita boleh meletakkan gaya awam yang diperlukan secara global ke dalam fail public.css, dan kemudian gunakan

@import url("public.css");

@import url("/public .css" )

untuk memautkan gaya global, sekali gus menjadikan kod itu sangat boleh digunakan semula.

[Pembelajaran yang disyorkan:

tutorial video css

]

Atas ialah kandungan terperinci Bagaimana untuk memuatkan css dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!