ການສອນ CSS

TEXT FORMATTING

ການຮູບແບບຂໍ້ຄວາມ

ຂໍ້ຄວາມນີ້ໄດ້ຮັບຮູບແບບດ້ວຍປະສົມປະກອບການຮູບແບບຂໍ້ຄວາມບາງອັນ. ຫົວໜ້າໃຊ້ປະສົມປະກອບ text-align, text-transform, ແລະ color. ບົດສະຫລຸບຈະມີການກະຈາຍ, ການຕິດຕັ້ງ, ແລະ ການກຳນົດລະດັບລະຫວ່າງຄວາມ. ຫົວເຫລືອຈະຖືກຫຼຸດຫົວເຫລືອຈາກການເຊື່ອມຕໍ່ຂອງສີສັນນີ້: "Try it Yourself" link.

ຂໍ້ຄວາມນີ້ໃຊ້ປະສົມປະກອບຂອງຮູບແບບຂໍ້ຄວາມບາງອັນເພື່ອການກະກຽມຮູບແບບ. ຫົວໜ້າໃຊ້ປະສົມປະກອບ text-align, text-transform ແລະ color. ບົດສະຫລຸບຈະມີການກະຈາຍ, ການຕິດຕັ້ງ, ແລະ ການກຳນົດລະດັບລະຫວ່າງຄວາມ. ຫົວເຫລືອຈະຖືກຫຼຸດຫົວເຫລືອຈາກການເຊື່ອມຕໍ່ຂອງສີສັນນີ້:“ທັກທາຍຕື່ມຕົວຕອນວັນນະຄະດີ”ຫົວເຫລືອຈາກການເຊື່ອມຕໍ່ຂອງ.

ທົດລອງຄວາມສະຫວັນຢ່າງດີ

ສີສັນຂໍ້ຄວາມ

color ປະສົມປະກອບຂອງຂໍ້ຄວາມໃຊ້ເພື່ອການກະກຽມສີສັນ. ສີສັນຈະຖືກກຳນົດໂດຍຄູ່ມູນຫລັກສັບດັ່ງຕໍ່ມາ:

  • ຊື່ມູນຫລັກສັບ - ອີງຕາມ "red"
  • ຄູ່ມູນຫລັກສັບ - ອີງຕາມ "#ff0000"
  • RGB 值 - 比如 "rgb(255,0,0)"

查看 ຄູ່ມຸມສີ CSS，以获取可能颜色值的完整列表。

页面的默认文本颜色是在 body 选择器中定义的。

ຄວາມຈຳນວນ

body {
  color: blue;
}
h1 {
  color: green;
}

ທົດລອງຄວາມສະຫວັນຢ່າງດີ

提示：对于 W3C compliant CSS：如果您定义了 color 属性，则还必须定义 background-color 属性。

文本颜色和背景色

在本例中，我们定义了 background-color 属性和 color ຜົນງານ:

ຄວາມຈຳນວນ

body {
  background-color: lightgrey;
  color: blue;
}
h1 {
  background-color: black;
  color: white;
}

ທົດລອງຄວາມສະຫວັນຢ່າງດີ