โครงสร้าง CSS

โครงสร้างของ CSS มีอยู่ 2 ส่วนหลักๆคือ selector และ declarations



selector : คือส่วนที่เป็นcode HTML ที่ต้องการสไตล์
declarations : ส่วนนี้จะระบุค่าให้กับ selector จะต้องระบุอยู่ 2 อย่างคือ
    - Property คือ คุณสมบัติที่จะให้มีใน Selector
    - Values คือ ค่าต่างๆที่กำหนดให้ Property

ตัวอย่างรูปแบบ

   selector { property1:value1; property2:value2; }

   p {color:red; text-align:center; }


   declarations นั้นจะต้องจบด้วย ; (semicolon) และจะอยู่ภายใน {} วงเล็บปีกกา การคั่นระหว่าง Property กับ Values จะใช้ : (colon)


*Comment เป็นส่วนที่ใช้อธิบาย Code ที่เขียน จะไม่แสดงผลในหน้าเวปเพจ commentนี้จะช่วยให้สะดวกมากขี้นเมื่อมีการแก้ไข code ภายหลัง 
      Comment  CSS เริ่มต้นด้วย /* และจบลงด้วย */ เช่น 
                       /*This is a comment*/

ไม่มีความคิดเห็น:

แสดงความคิดเห็น