Cara menggunakan css

CSS (Cascading Style Sheets) ialah bahasa yang digunakan untuk mentakrifkan gaya halaman web Ia digunakan bersama HTML untuk membina halaman web. CSS mengawal penampilan dan kedudukan elemen HTML untuk mencantikkan halaman web dan meningkatkan pengalaman pengguna.

Dalam artikel ini, kami akan memperkenalkan asas CSS dan cara menggunakan CSS untuk menukar gaya elemen HTML.

Asas CSS

CSS terdiri daripada pemilih dan pengisytiharan. Pemilih digunakan untuk memilih elemen HTML yang mana gaya harus digunakan, manakala pengisytiharan menentukan gaya yang akan digunakan pada elemen yang dipilih.

Pemilih

Berikut ialah beberapa pemilih biasa:

• Pemilih Elemen : Dengan menyatakan nama elemen HTML Pilih elemen, contohnya:

  p {
  color: red;
  }

  Salin selepas log masuk

  Ini akan memilih semua

  elemen dalam dokumen dan menetapkan warnanya kepada merah.

• Pemilih Kelas : Memilih elemen dengan menentukan nama kelas, contohnya:

  .my-class {
  background-color: yellow;
  }

  Salin selepas log masuk

  Ini akan memilih semua elemen dengan class="my- class" dan tetapkan warna latar belakangnya kepada kuning.

• Pemilih ID : Memilih satu elemen dengan menentukan id, contohnya:

  #my-id {
  font-size: 20px;
  }

  Salin selepas log masuk

  Ini akan memilih elemen dengan id="my -id" dan tetapkan saiz fonnya kepada 20 piksel.

• Pemilih atribut : Memilih elemen dengan menyatakan atributnya, contohnya:

  a[href="https://www.google.com"] {
  color: blue;
  }

  Salin selepas log masuk

  Ini akan memilih semua <🎜 yang menghala ke tapak Google > elemen, tetapkan warnanya kepada biru.

• Pseudo-class dan pseudo-element : Pilih elemen dengan menyatakan keadaan atau kedudukannya, contohnya:

  a:hover {
  text-decoration: underline;
  }

  Salin selepas log masuk
  Ini akan memilih semua

  Elemen, gariskan teksnya pada tetikus.

p {
  color: red;
}