Rumah >hujung hadapan web >tutorial css >apakah peraturan gaya css

apakah peraturan gaya css

下次还敢
下次还敢asal
2024-04-25 19:24:15443semak imbas

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.

apakah peraturan gaya css

Peraturan Gaya CSS

Peraturan gaya CSS digunakan untuk menentukan gaya visual elemen HTML. Setiap peraturan terdiri daripada dua bahagian utama:

  • Pemilih: Mengenal pasti elemen HTML yang digunakan oleh peraturan tersebut.
  • Blok pengisytiharan: Tentukan sifat gaya elemen dan nilainya.

Pemilih

Pemilih boleh menentukan elemen sasaran dalam pelbagai cara:

  • Pemilih Elemen: Pilih elemen dengan nama tertentu, seperti p atau div <code> /kod>. <code>pdiv
  • 类选择器:选择具有特定 CSS 类名的元素,例如 .my-class
  • ID 选择器:选择具有特定 ID 的元素,例如 #my-id
  • 后代选择器:选择一个元素的子元素,例如 div p

声明块

声明块包含一组样式属性,每个属性都后跟一个冒号和一个值:

  • 属性:要设置的样式属性,例如 colorfont-sizebackground-color
  • 值:属性的实际值,例如 red12px#ffffff

示例 CSS 样式规则

<code class="css">p {
  color: blue;
  font-size: 16px;
}

.my-class {
  background-color: yellow;
  padding: 10px;
}</code>

第一个规则适用于所有段落 (p) 元素,将它们的文本颜色设置为蓝色,字体大小设置为 16 像素。第二个规则适用于所有具有 my-class

🎜Pemilih kelas: 🎜Pilih elemen dengan nama kelas CSS tertentu, seperti .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 , saiz fon atau warna latar belakang. 🎜🎜🎜Nilai: Nilai sebenar atribut 🎜, seperti red, 12px atau #ffffff. 🎜🎜🎜🎜Contoh Peraturan Gaya CSS🎜🎜rrreee🎜Peraturan pertama digunakan pada semua elemen perenggan (p), menetapkan warna teksnya kepada biru dan saiz fon kepada 16 piksel. Peraturan kedua digunakan untuk semua elemen dengan kelas CSS 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!

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