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 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 Ia berakhir dengan 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!