
CSS Syntax รูปแบบการเขียนโค้ด CSS
รูปแบบการเขียนโค้ด CSS จะประกอบด้วย selector และ declaration block ซึ่งมีรูปแบบดังนี้ selector{property: value; property: value;}
selector
คือ ชื่อแท็ก, คลาส, ไอดี ของ html element ที่เราต้องการกำหนดสไตล์ให้ เช่นp, div, h1
เป็นต้น- declaration block คือ กรอบ หรือขอบเขตสำหรับเขียนโค้ดกำหนดสไตล์ด้วย css จะถูกกำหนดด้วยเครื่องหมายวงเล็บปีกกาเปิดปิด
{}
curly braces property
คือ ชื่อคุณสมบัติที่เราจะกำหนดสไตล์ให้ เช่นcolor (สีตัวอักษร), font-size (ขนาดตัวอักษร)
เป็นต้นvalue
คือ ค่าที่ต้องการกำหนดให้กับ property- จะต้องคั่นระหว่าง property กับ value ด้วยเครื่องหมายโคลอน
:
เสมอ - จะต้องปิท้าย value ด้วยเครื่องหมายเซมิโคลอน
;
เสมอ
- จะต้องคั่นระหว่าง property กับ value ด้วยเครื่องหมายโคลอน
ตัวอย่างการเขียนโค้ด CSS
p { color: red; text-align: center; }
p
คือ selector หมายถึง เราจะกำหนดสไตล์ให้แท็กp
ทั้งหมดในหน้าเพจ- เครื่องหมาย
{}
คือขอบเขตของ declaration block color
คือ property หมายถึง กำหนดค่าสีred
คือ value หมายถึง กำหนดค่าสีแดงให้กับพร็อพเพอร์ตี้color