<style>
. Anda boleh menentukan semua gaya CSS yang anda perlukan dalam teg <style>
, supaya halaman HTML akan menggunakan gaya CSS pada dokumen apabila ia dimuatkan. Ambil contoh di bawah: <!DOCTYPE html> <html> <head> <title>我的网页</title> <style> body { background-color: blue; } h1 { color: white; text-align: center; } </style> </head> <body> <h1>欢迎来到我的网页</h1> <p>这是我的第一个网页</p> </body> </html>
<style>
. <p>2. Gunakan fail CSS luaran <p>Jika anda ingin menggunakan gaya CSS yang sama dalam berbilang halaman HTML, maka penggunaan CSS dalaman akan menjadi sangat berlebihan . Kami mencipta fail baharu dengan akhiran .css, seperti style.css dan memautkan fail gaya CSS ke halaman melalui teg <link>
dalam teg kepala halaman HTML. Contohnya: <!DOCTYPE html> <html> <head> <title>我的网页</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>欢迎来到我的网页</h1> <p>这是我的第一个网页</p> </body> </html>
body { background-color: blue; } h1 { color: white; text-align: center; }
<!DOCTYPE html> <html> <head> <title>我的网页</title> </head> <body> <h1 style="color: white; text-align: center;">欢迎来到我的网页</h1> <p style="background-color: blue;">这是我的第一个网页</p> </body> </html>
<h1>
dan teg <p>
untuk masing-masing mentakrifkan warna dan penjajaran tajuk serta warna latar belakang perenggan.
<p>Ringkasan
<p>Sama ada CSS dalaman, fail CSS luaran atau CSS sebaris, tujuan utamanya adalah untuk mencantikkan penampilan halaman web. Dalam pembangunan sebenar, kita boleh memilih cara yang berbeza untuk memautkan CSS dan HTML mengikut situasi sebenar. Apabila terdapat lebih banyak gaya CSS untuk ditakrifkan, kami boleh menggunakan fail CSS luaran apabila terdapat lebih sedikit gaya untuk ditakrifkan, kami boleh menggunakan CSS dalaman atau CSS sebaris. Atas ialah kandungan terperinci Bagaimana untuk menyambung css dan html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!