Bagaimana untuk menyimpan css-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menyimpan css

王林

Lepaskan： 2023-05-29 15:11:07

asal

594 orang telah melayarinya

CSS (Cascading Style Sheets) ialah bahasa penanda gaya yang digunakan untuk reka bentuk web, biasanya disimpan dalam helaian gaya luaran dan dipautkan dalam dokumen HTML. Di bawah ini kami akan memperkenalkan cara helaian gaya CSS disimpan.

Gaya sebaris

Gaya sebaris merujuk kepada menulis kod CSS terus dalam teg HTML, seperti yang ditunjukkan di bawah:

<div style="color: red; font-size: 16px;">Hello World!</div>

Salin selepas log masuk

Semasa sebaris Gaya ini sangat mudah, tetapi ia mempunyai batasan yang ketara. Oleh kerana kod CSS selalunya rumit, menggunakan gaya sebaris untuk menerangkan gaya keseluruhan tapak web akan menjadi sangat membosankan. Di samping itu, jika anda perlu menukar gaya, anda biasanya perlu mengubah suai kod setiap teg gaya sebaris, yang juga sangat memakan masa dan intensif buruh.

Gaya terbenam

Gaya terbenam merujuk kepada menulis kod CSS terus dalam teg <head> dokumen HTML dan membalutnya dengan elemen <style>, seperti berikut Paparan:

<head>
  <style>
    body { 
      background-color: #f0f0f0; 
      font-family: Arial, sans-serif; 
      font-size: 16px; 
      color: #333; 
    }
    
    h1 { 
      color: #ff0000; 
      font-size: 24px; 
      font-weight: bold; 
    }
  </style>
</head>

Salin selepas log masuk

Menggunakan gaya terbenam, anda boleh merujuk kod CSS dalam dokumen HTML yang sama. Kelebihan ini ialah jika anda perlu menukar gaya, anda hanya perlu mengubah suai satu helaian gaya dan bukannya perlu mengubah suai kod dalam setiap dokumen HTML.

Helaian gaya luaran

Helaian gaya luaran merujuk kepada menyimpan kod CSS dalam fail CSS berasingan dan merujuknya dalam dokumen HTML. Kelebihan ini ialah berbilang fail HTML boleh berkongsi fail CSS, menjadikan penyelenggaraan dan pengurusan tapak web lebih mudah. Lembaran gaya luaran biasanya menggunakan sambungan fail .css, seperti ini:

Dalam fail style.css:

body { 
  background-color: #f0f0f0; 
  font-family: Arial, sans-serif; 
  font-size: 16px; 
  color: #333; 
}

h1 { 
  color: #ff0000; 
  font-size: 24px; 
  font-weight: bold; 
}

Salin selepas log masuk

Dirujuk dalam dokumen HTML: style.cssrreee

Menggunakan gaya luaran helaian boleh memudahkan penulisan dan penyelenggaraan kod. Dengan mengasingkan kod CSS daripada dokumen HTML, saiz fail halaman boleh dikecilkan, membolehkan kandungan web dihantar kepada pengguna dengan lebih cepat. Selain itu, anda juga boleh menggunakan mekanisme caching penyemak imbas untuk mengurangkan masa memuatkan halaman dan meningkatkan prestasi tapak web dan pengalaman pengguna.

Ringkasnya, CSS boleh disimpan sebagai gaya sebaris, gaya terbenam dan helaian gaya luaran melalui kaedah storan yang berbeza ini, kami boleh menggunakan CSS secara fleksibel untuk memenuhi keperluan pembangunan yang berbeza. Tetapi secara amnya, menggunakan helaian gaya luaran ialah cara yang paling biasa kerana ia mempunyai kelebihan kod ringkas, penyelenggaraan mudah dan pengoptimuman cache.

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