CSS Syntax


กฎการเขียน CSS นั้นประกอบด้วย Selector และกล่องปีกกา { ... } ที่ระบุคุณสมบัติการแสดงผลที่เราต้องการ


CSS Syntax

Selector คือตัวระบุว่า HTML Element ตัวไหนที่เราต้องการระบุค่า

ในกล่อง { ... } เราสามารถระบุคุณสมบัติการแสดงผลได้มากกว่า 1 อย่าง แต่ละอย่างให้จบด้วยเครื่องหมาย ;

ในการระบุคุณสมบัติ 1 อย่างนั้นต้องประกอบด้วย CSS property และค่า

ตัวอย่าง


            
            

ลองเขียนโค้ด

อธิบายตัวอย่าง

  • p คือ Selector ใน CSS (มันชี้ไปยังทุกๆ HTML Element <p> เพื่อกำหนดรูปแบบการแสดงผล)
  • color คือ CSS Property และ red คือ ค่าของ CSS Property
  • text-align คือ CSS Property และ center คือ ค่าของ CSS Property