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.
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.
Berikut ialah beberapa pemilih biasa:
Pemilih Elemen : Dengan menyatakan nama elemen HTML Pilih elemen, contohnya:
p {
color: red;
}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;
}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;
}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;
}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;
}p {
color: red;
}elemen dalam dokumen dan menetapkan warnanya kepada merah.
Cara menggunakan CSSCSS boleh digunakan pada dokumen HTML dalam tiga cara: helaian gaya dalaman, helaian gaya luaran dan gaya sebaris. Kami akan melihat setiap tiga kaedah ini secara berasingan. Helaian gaya dalamanHelaian gaya dalaman merujuk kepada peraturan CSS yang terkandung dalam teg