CSS หมายถึง

สไตล์ชีท( style sheet)หรือ Cascading Style Sheet
หรือเรียก สั้นๆ ว่า CSS เป็นภาษาที่ใช้ในการเขียนเพื่ออธิบายองค์ประกอบ HTML
จะแสดงผลบนเว็บเบราว์เซอร์อย่างไร CSS จึงเป็นเหมือน เครื่องมือที่ใช้ในการตกแต่งให้กับโครงสร้างที่ถูกสร้างจาก HTML
ให้มี รูปแบบและสีสันที่น่าดูชมยิ่งขึ้นนั่นเอง

รูปแบบคำสั่งของ CSS

รูปแบบคำสั่งของ CSS แบ่งออกเป็น 2 ส่วน คือ
1. Selector เป็นส่วนที่ใช้ระบุ Element เป้าหมายหรือแท็กคำสั่งของ HTML

2. Declaration Block คือ ชุดproperty และvalue ของCSS ที่ กำหนดสไตล์ให้ Element เป้าหมาย โดยใช้เครื่องหมาย : (colon) คั่น ระหว่าง Property และ value แล้วปิดท้ายด้วยเครื่องหมาย ; (semicolon) ซึ่งสามารถกำหนด Property ภายใน Declaration จำนวนเท่าใดก็ได้

วิธีใช้งานสไตล์ชีทบนเอกสาร HTML

1. inline style sheet เป็นการแทรกแอททริบิวต์ “style” ลงในแท็ก HTML ตัวอย่าง
< !DOCTYPE html >
  < html >
     < body >
   < h1 style="color:blue;text-align:center;" > This is a heading
   < p style="color:red;" > This is a paragraph.
     < / body >
  < / html >

2. Internal style sheet เป็นการ กำหนดรูปแบบสไตล์ชีทที่ต้องการไว้ในส่วนเริ่มต้น ของเอกสาร HTML ตัวอย่าง
< !DOCTYPE html >
< html >
   < head >
   < style >
    body {
background-color: linen;
} h1 {
color: maroon;
margin-left: 40px;
}
< / style >
   < / head >
    < body>
  < h1>This is a heading < / h1 >
  < p >This is a paragraph.< / p >
    < / body >
< / html >