word-spacingclass word-wrap

writing-mode

zoom .class CSS class ການສະແດງ

CSS ..) ຄວາມສັບສົນ，ຕໍ່ມາ class ການກໍານົດ ແລະ ການນໍາໃຊ້

element.class CSS class ທີ່ມີຄຸນນະພາບຂອງປະເພດດຽວ

ທີ່ມີຄຸນນະພາບ class ສະນັ້ນເພື່ອຄົ້ນຫາປະກອບສະແດງຂອງປະເພດດຽວເປັນຫນື່ງຄົນບັນນບ.) ຄວາມສັບສົນ，ຕໍ່ມາ class ຄູ່ມູນຄວາມຜົນງານ (ບອກວ່າຫຼັງກ່າວ 2）。

ຄຳແນະນຳ:HTML ສະມາຊິກກໍ່ສາມາດຖືກອ້າງຫຼາຍຫຼາຍ class（ບອກວ່າຫຼັງກ່າວ 3）。

ບົດສະຫຼຸບ

ຕົວຢືດ 1

ຄົ້ນຫາ ແລະ ການປັບບາບຮູບແບບ ຂອງ ປະກອບສະແດງ ທີ່ມີ class="intro":

.intro {
  background-color: yellow;
}

ທ່ານສວດກາດດີກໍ່ຕາມ

ຕົວຢືດ 2

ຄົ້ນຫາ ແລະ ການປັບບາບຮູບແບບ ຂອງ <p> ທີ່ມີ class="intro":

p.intro {
  background-color: yellow;
}

ທ່ານສວດກາດດີກໍ່ຕາມ

ຕົວຢືດ 3

.class ການນໍາໃຊ້ຕົວຢືດທີ່ຕ່າງກັນ:

/* ຄົ້ນຫາປະກອບສະແດງ ທີ່ມີ class="center" */
.center {
  text-align: center;
}
/* ຄົ້ນຫາ <p> ທີ່ມີ class="large" */
p.large {
  font-size: 200%;
}
/* ຄົ້ນຫາ <p> ທີ່ມີ class ທີ່ບັນນບວ່າ "fancy" ແລະ "beige" */
p.fancy.beige {
  font-family: 'Courier New', monospace;
  background-color: beige;
  border: 2px solid green;
}
/* ຄົ້ນຫາປະກອບສະແດງ class="ex1" ຂອງ <p> ທີ່ມີ class="ex2" */
p.ex1 .ex2 {
  background-color: yellow;
}

ທ່ານສວດກາດດີກໍ່ຕາມ

ການອ່ານ CSS

.class {
  ການສະແດງ css;
}

ການອ່ານ CSS

element.class {
  ການສະແດງ css;
}

ລະອຽດດ້ານເຕັກນິກ

ການສະໜັບສະໜູນບັນຊີບູໄດ້