CSS วาคามนุษย์

CSS วาคามนุษย์

CSS กฎระเบียบ (rule-set) ประกอบด้วยเลือกตัวแทนและบล็อคการประกาศ:

CSS คู่ต่องเลือก

คู่เลือกบอกว่าจะตั้งรูปแบบสไตล์แก่องค์ประกอบ HTML ที่ต้องการ

บล็อคความเห็นประกอบด้วยคำบอกความเห็นหลายข้อ แบ่งด้วยขีดคราบ

แต่ละคำบอกความเห็นประกอบด้วยชื่ออุปกรณ์ CSS และค่า แบ่งด้วยขีดคราบ

การบอกความเห็น CSS หลายข้อตั้งแต่ทางด้านขวา และการใช้วงเปิดและวงปิดเพื่อหุ้มบล็อคความเห็น

ตัวอย่าง

ในตัวอย่างนี้ ทุกตัวแปร <p> จะถูกจัดตั้งให้เรียงกลางและมีสีข้อความแดง:

p {
  color: red;
  text-align: center;
}

ลองทดสอบด้วยตัวเอง

ตัวอย่างที่ชี้แจง

  • p คือใน CSSคู่เลือก(มันบอกว่าจะตั้งรูปแบบสไตล์แก่องค์ประกอบ HTML ที่ต้องการ:<p>)。
  • color คืออุปกรณ์red คือค่าของอุปกรณ์
  • text-align คืออุปกรณ์center คือค่าของอุปกรณ์

ในบทที่ต่อไป คุณจะได้เรียนรู้เกี่ยวกับ CSS คู่เลือกและ CSS คุณสมบัติ