Rumah >hujung hadapan web >tutorial css >apakah peraturan gaya css
Peraturan gaya CSS mentakrifkan gaya visual elemen HTML, termasuk pemilih (menentukan elemen yang berkenaan) dan blok pengisytiharan (menentukan atribut dan nilai gaya). Pemilih termasuk pemilih elemen (nyatakan nama elemen), pemilih kelas (nyatakan nama kelas), pemilih ID (nyatakan ID) dan pemilih keturunan (pilih elemen anak). Blok pengisytiharan mengandungi atribut gaya dan nilainya yang digunakan untuk menukar rupa elemen, seperti warna teks, saiz fon dan warna latar belakang.
Peraturan Gaya CSS
Peraturan gaya CSS digunakan untuk menentukan gaya visual elemen HTML. Setiap peraturan terdiri daripada dua bahagian utama:
Pemilih
Pemilih boleh menentukan elemen sasaran dalam pelbagai cara:
p
atau div <code> /kod>. <code>p
或 div
。
.my-class
。#my-id
。div p
。声明块
声明块包含一组样式属性,每个属性都后跟一个冒号和一个值:
color
、font-size
或 background-color
。red
、12px
或 #ffffff
。示例 CSS 样式规则
<code class="css">p { color: blue; font-size: 16px; } .my-class { background-color: yellow; padding: 10px; }</code>
第一个规则适用于所有段落 (p
) 元素,将它们的文本颜色设置为蓝色,字体大小设置为 16 像素。第二个规则适用于所有具有 my-class
.my-class
. 🎜🎜🎜Pemilih ID: 🎜Pilih elemen dengan ID tertentu, seperti #my-id
. 🎜🎜🎜Pemilih keturunan: 🎜Memilih elemen anak unsur, seperti div p
. 🎜🎜🎜🎜Blok Pengisytiharan 🎜🎜🎜Blok pengisytiharan mengandungi satu set sifat gaya, setiap satunya diikuti dengan titik bertindih dan nilai: 🎜🎜🎜🎜Sifat: 🎜Sifat gaya untuk ditetapkan, seperti warna latar belakang
. 🎜🎜🎜Nilai: Nilai sebenar atribut 🎜, seperti red
, 12px
atau #ffffff
. 🎜🎜🎜🎜Contoh Peraturan Gaya CSS🎜🎜rrreee🎜Peraturan pertama digunakan pada semua elemen perenggan (my-class
, menetapkan warna latar belakangnya kepada kuning dan menambah 10 piksel padding. 🎜Atas ialah kandungan terperinci apakah peraturan gaya css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!