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

Berapa banyak gaya aplikasi css yang ada?

下次还敢
Lepaskan: 2024-04-25 12:09:13
asal
636 orang telah melayarinya

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.

<p style="color: red; background-color: yellow;">文本</p>
Salin selepas log masuk
2. Benamkan gaya

Tulis peraturan gaya ke dalam elemen

<head>
  <style>
    p {
      color: red;
      background-color: yellow;
    }
  </style>
</head>
Salin selepas log masuk
3. Helaian gaya luaran

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

<head>
  <link rel="stylesheet" href="styles.css">
</head>
Salin selepas log masuk
4. Prapemproses CSS

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

// Sass 代码
$color: red;

p {
  color: $color;
}
Salin selepas log masuk
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!

Label berkaitan:
css
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan