Rumah  >  Artikel  >  hujung hadapan web  >  Berapa banyak gaya aplikasi css yang ada?

Berapa banyak gaya aplikasi css yang ada?

下次还敢
下次还敢asal
2024-04-25 12:09:13524semak imbas

Kaedah CSS untuk menggunakan gaya ialah: 1. Gaya sebaris 2. Gaya terbenam 3. Helaian gaya luaran 4. Prapemproses CSS 5. JavaScript

Berapa banyak gaya aplikasi css yang ada?

CSS menerapkan gaya

Syarikat CSS

kaedah menggunakan gaya:

1. Gaya sebaris

menggunakan gaya pada elemen tertentu dengan menggunakan atribut gaya secara langsung dalam elemen HTML.

<code class="html"><p style="color: red; background-color: yellow;">文本</p></code>
2. Benamkan gaya

Tulis peraturan gaya ke dalam elemen

<code class="html"><head>
  <style>
    p {
      color: red;
      background-color: yellow;
    }
  </style>
</head></code>
3. Helaian gaya luaran

simpan peraturan gaya dalam fail .css yang berasingan dan pautkannya ke dokumen HTML melalui elemen

<code class="html"><head>
  <link rel="stylesheet" href="styles.css">
</head></code>
4. Prapemproses CSS

Tulis kod CSS menggunakan prapemproses CSS seperti Sass, Less dan Stylus. Prapemproses ini menyediakan fungsi tambahan seperti pembolehubah, sarang dan campuran.

<code class="scss">// Sass 代码
$color: red;

p {
  color: $color;
}</code>
5 JavaScript

Gunakan API DOM (Document Object Model) untuk menggunakan gaya secara dinamik menggunakan JavaScript. 🎜rreeee

Atas ialah kandungan terperinci Berapa banyak gaya aplikasi css yang ada?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn