syntax และส่วนประกอบของ css

ส่วนประกอบในการเขียน css จะประกอบไปด้วย 2 ส่วนหลักๆ ดังนี้

• selector คือ element ของ html ที่คุณต้องการใส่สไตล์นั้นเอง เช่น <p>, <h1> เป็นต้น
• declaration คือ การประกาศคุณสมบัติของ selector ซึ่งประกอบด้วย property และ value

selector: ในที่นี้คือ p
declaration: ในที่นี้คือ color:#FF0000; และ font-size:12px;
property: ในที่นี้คือ color และ font-size
value: ในที่นี้คือ #FF0000 และ 12px

ข้อสังเกตุ: หนึ่ง selector สามารถมี declaration ได้มากกว่าหนึ่ง ซึ่ง declaration ประกอบด้วย property และ value

• ระหว่าง property และ value จะขั้นด้วยเครื่องหมาย ":" ซึ่งรวมกันเรียกว่า declaration
• เมื่อจบหนึ่ง declaration จะ้ต้องปิดท้ายด้วยเครื่องหมาย ";"
• โดยหนึ่ง หรือหลายๆ declaration จะต้องอยู่ในเครื่องหมาย {..., ...} โดยจะมี selector อยู่ด้านหน้าของเครื่องหมาย {...}

การเขียน comment

คำอธิบาย หรือ comments ใช้เพื่ออธิบาย css code ของคุณ ซึ่งจะช่วยคุณได้มากในกรณีที่คุณกลับมาแก้ไข หรือเปลี่ยนแปลงเอกสาร css ของคุณ comments นั้นเปรียบเหมือนการจดบันทึกความจำ ซึ่งจะเขียนได้ดังนี้

การเขียน comments ในไฟล์ css เริ่มต้นด้วย "/*" และจบด้วย "*/" เหมือนตัวอย่างข้างต้น ซึ๋งข้อความที่อยู่ระหว่าง /* --- */ จะไม่มีผลใดๆ กับ css code ของคุณ