<p style="color: red; font-size: 16px;">这是一个红色的段落。</p>
<p>
digunakan dalam teg style
dan nilainya ialah color: red; font-size: 16px;
, menunjukkan bahawa warna teks dan fon perenggan ini berwarna merah Saiz ialah 16 piksel. Dengan cara ini, perenggan akan dipaparkan mengikut gaya yang ditentukan. <p>Kaedah kedua: Helaian gaya terbenam <p>Helaian gaya terbenam bermaksud meletakkan maklumat helaian gaya CSS di dalam teg <head>
fail HTML. Kaedah ini lebih fleksibel daripada gaya sebaris dan boleh diubah suai untuk keseluruhan halaman. Berikut ialah contoh helaian gaya terbenam: <head> <style> p { color: blue; font-size: 18px; } </style> </head> <body> <p>这是一个蓝色的段落。</p> </body>
<head>
dalam teg <style>
dan kemudian menulis gaya CSS di dalamnya, seperti p { color: blue; font-size: 18px; }
, menunjukkan semua <p>
tag Warna teks adalah biru dan saiz fon ialah 18 piksel. Dengan cara ini, semua tag <p>
akan dipaparkan mengikut gaya yang ditentukan. <p>Kaedah ketiga: helaian gaya luaran <p>Helaian gaya luaran merujuk kepada menyimpan maklumat gaya CSS dalam fail CSS yang berasingan dan merujuknya dalam fail HTML melalui dokumen tag <link>
. Kaedah ini boleh mengurangkan saiz fail HTML dan meningkatkan kelajuan memuatkan halaman. Berikut ialah contoh helaian gaya luaran: <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>这是一个黑色的段落。</p> </body>
<head>
dalam teg <link>
untuk merujuk fail CSS, seperti <link rel="stylesheet" type="text/css" href="style.css">
, yang bermaksud memperkenalkan fail helaian gaya luaran style.css
ke tengah fail HTML semasa. Dalam fail style.css
, anda boleh mentakrifkan semua gaya CSS yang diperlukan: p { color: black; font-size: 20px; }
<p>
adalah hitam dan saiz fon ialah 20 piksel.
<p>Ringkasnya, terdapat tiga cara untuk mengubah suai gaya CSS: gaya sebaris, helaian gaya terbenam dan helaian gaya luaran. Setiap kaedah mempunyai senario yang berkenaan, dan penggunaan khusus perlu dipilih berdasarkan situasi dan keperluan halaman. Apabila mereka bentuk halaman Web, memilih kaedah pengubahsuaian gaya CSS yang sesuai boleh menjadikan halaman itu lebih cantik, lebih mudah dibaca dan meningkatkan pengalaman pengguna. Atas ialah kandungan terperinci pengubahsuaian gaya css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!