บทที่ 1 CSS Syntax ภาษา CSS เป็นภาษาที่ไม่เป็น case-sensitive คือ ตัวเล็กตัวใหญ่จะมีผลเหมือนกัน เช่นเดียวกับ html นั่นเอง ส่วนรูปแบบคำสั่งของ CSS เป็นดังนี้
1.1Syntax selectors {property: values}
โดย
selectors คือ การบ่งบอกว่า เราจะให้คำสั่งนี้ ใช้กับอะไร (ที่เติม s เพราะว่า บางทีเราอาจเลือกหลายๆอย่างได้)
property คือการกำหนดคุณสมบัติกับสิ่งที่ selector นั้นเลือก
values คือ ตัวแปรที่จะกำหนด (ซึ่งบางครั้งก็มีหลายตัวแปร)
ตัวอย่างเช่น
คำสั่งนี้ เป็นการทำให้ตัวอักษร tag "font" ทุกแท็กเป็นสีแดงหมด
ตัวอย่างต่อมา
font {color: red; font-family: tahoma}
คำสั่งนี้ เป็นการที่นอกจากจะทำให้ตัวอักษรใน tag "font" ทุกแท็กเป็นสีแดงหมด แล้วยังใช้ฟอนต์ Tahama เสียด้วย
โดยเป็นการแสดงให้เห็นว่า ใน 1 คำสั่ง สามารถมีได้หลาย property นั่นเอง โดยเป็นการใช้ ";" คั่นระหว่าง property นั่นเอง
ลองดูอีกตัวอย่าง
font {
color: red;
font-family: tahoma
}
แบบนี้ก็มีผลอันเดียวกับด้านบน ซึ่งจะใช้แบบไหนแล้วแต่ถนัด แบบบน ประหยัดเนื่อที่ ส่วนอันล่างจะดูง่ายกว่า ใครพอรู้ภาษาตระกูล C หรือ จาวา มา จะเห็นว่ามันมีส่วนคล้าย ตรง ปีกกา "{ }" กับ การคั่น property ด้วย ";"
ตัวอย่างต่อมา
font {
color: red;
font-family: tahoma
}
body {
background-color: green;
}
เป็นตัวอย่างว่า เราสามารถใช้ได้หลายๆคำสั่งนั่นเอง คือ นอกจากจะให้กำหนด สีแดง กับฟอนต์ให้แท็ก "font" แล้ว ยังไปกำนด สีพื้นหลังให้กับหน้าเว็บเป็นสีเขียวอีกด้วย