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
![W Fiber Jelly ไฟเบอร์เจลลี่ ดีท็อค กลิ่นองุ่น detox [ 1 แถม 1 ]](https://th-live-01.slatic.net/p/7d6003aff39a06667b53bc6fa698e0f6.jpg)
![กระเป๋าเครื่องสำอางค์ สีหวานละมุน [GC-171]](https://down-th.img.susercontent.com/file/th-11134207-7qukw-lj13mvfo2m7cb1)
![[5 รีม 80 แกรม ] Double A กระดาษถ่ายเอกสาร ขนาด A4 500 แผ่น ต่อรีม](https://th-live-01.slatic.net/p/32df7b5f5dcd767b04d3c0b29fca36f2.png)
