Bagaimana untuk menetapkan gaya dalam html-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menetapkan gaya dalam html

PHPz

Lepaskan： 2023-04-21 11:41:08

asal

3435 orang telah melayarinya

HTML ialah bahasa pengaturcaraan yang digunakan untuk mencipta halaman web, yang boleh digayakan melalui CSS (Cascading Style Sheets). HTML boleh menggunakan gaya sebaris, gaya dalaman dan helaian gaya luaran untuk menetapkan sifat seperti teks, warna, reka letak, saiz fon dan banyak lagi. Di bawah ini kami akan menerangkan cara menetapkan gaya dalam HTML.

Gaya sebaris

Gunakan atribut gaya dalam teg HTML untuk menetapkan gaya sebaris. Contohnya:

<p style="font-size: 20px; color: red;">这是一个段落</p>

Salin selepas log masuk

Dalam contoh ini, gaya digunakan terus dalam teg , yang mengandungi atribut style untuk menentukan gaya. Gaya sebaris boleh menentukan atribut gaya yang berbeza untuk setiap teg, tetapi jika atribut gaya perlu ditukar, kod HTML mesti ditukar.

Gaya dalaman

Gaya dalaman boleh ditakrifkan dengan menggunakan teg <head> di dalam teg <style> dokumen HTML. Contohnya:

<head>
  <style>
    p {
      font-size: 20px;
      color: red;
    }
  </style>
</head>
<body>
  <p>这是一个段落</p>
</body>

Salin selepas log masuk

Dalam contoh ini, kami mentakrifkan gaya elemen  dan semua elemen halaman yang mengandungi  akan mewarisi gaya ini. Jika anda perlu menukar atribut gaya, anda hanya perlu menukar kandungan tag <style> sekali.

Gaya luaran

Gaya luaran boleh dibuat dalam fail kendiri dan dirujuk melalui pautan pada halaman. Contohnya:

<head>
  <link rel="stylesheet" href="styles.css">
</head>

Salin selepas log masuk

Dalam contoh ini, kami menentukan laluan ke fail CSS melalui teg <link>. Fail CSS boleh mengandungi berbilang takrif gaya, seperti yang ditunjukkan di bawah:

 p {
   font-size: 20px;
   color: red;
 }
 h1 {
   font-size: 36px;
   color: blue;
 }

Salin selepas log masuk

Dalam contoh ini, kami telah menentukan dua gaya, satu untuk semua perenggan dan satu untuk semua elemen Tajuk 1. Menggunakan helaian gaya luaran boleh membantu kami mengelak daripada mentakrifkan gaya yang sama beberapa kali dalam HTML dan menjadikannya lebih mudah untuk mengekalkan dan mengemas kini helaian gaya.

Ringkasan

Penggayaan dalam HTML ialah aspek utama reka bentuk web. Sama ada anda menggunakan gaya sebaris, gaya dalaman atau helaian gaya luaran, tujuan utama menetapkan gaya adalah untuk menjadikan halaman web anda lebih cantik dan lebih mudah dibaca. Dalam amalan, kita harus mengikuti beberapa amalan terbaik, seperti menggunakan pemilih dan nama gaya yang mudah dan jelas, mengelakkan penggunaan terlalu banyak gaya dalam HTML dan menggunakan ulasan dalam helaian gaya luaran untuk membantu pembangun memanfaatkan dan mengekalkan kod tersebut.

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