แคสเคดดิงสไตล์ชีตส์

"CSS" เปลี่ยนทางมาที่นี่ สำหรับความหมายอื่น ดูที่ CSS (แก้ความกำกวม)

แคสเคดดิงสไตล์ชีตส์ (อังกฤษ: Cascading Style Sheets: CSS) เป็นภาษาสไตล์ชีตกำหนดการนำเสนอและการจัดรูปแบบที่เขียนด้วยภาษามาร์กอัป เช่น HTML หรือ XML (รวมถึงภาษาย่อยของ XML อย่าง SVG, MathML หรือ XHTML)^[1] โดย CSS เป็นหนึ่งในเทคโนโลยีหลักของเวิลด์ไวด์เว็บ ร่วมกับ HTML และจาวาสคริปต์^[2]

CSS ถูกออกแบบมาเพื่อแยกเนื้อหาออกจากการนำเสนอ เช่น การจัดวางหน้าเอกสาร สี และแบบอักษร^[3] การแยกส่วนนี้ช่วยให้เนื้อหาสามารถเข้าถึงได้ง่ายขึ้น เพราะสามารถเขียนเนื้อหาโดยไม่ต้องกังวลเรื่องการจัดรูปแบบ นอกจากนี้ยังเพิ่มความยืดหยุ่นและการควบคุมในการกำหนดลักษณะการแสดงผล ช่วยให้หลายหน้าเว็บสามารถใช้รูปแบบเดียวกันได้ผ่านไฟล์ .css ที่แยกต่างหาก ซึ่งช่วยลดความซับซ้อนและการเขียนซ้ำของโครงสร้างเนื้อหา และยังทำให้สามารถแคชไฟล์ .css ได้ ช่วยเพิ่มความเร็วในการโหลดหน้าเว็บที่ใช้รูปแบบเดียวกัน

การแยกการจัดรูปแบบออกจากเนื้อหายังทำให้สามารถนำเสนอหน้าเว็บเดียวกันในรูปแบบที่ต่างกันตามวิธีการแสดงผล เช่น บนหน้าจอ บนกระดาษ ด้วยเสียง (ผ่านเบราว์เซอร์แบบเสียงหรือโปรแกรมอ่านหน้าจอ) หรือบนอุปกรณ์สัมผัสที่ใช้เบรลล์ นอกจากนี้ CSS ยังมีกฎสำหรับจัดรูปแบบทางเลือก หากมีการเข้าถึงเนื้อหาผ่านอุปกรณ์เคลื่อนที่อีกด้วย^[4]

ชื่อ "Cascading" ของ CSS มาจากระบบลำดับความสำคัญที่กำหนดไว้ เพื่อใช้ตัดสินว่าเมื่อมีการกำหนดค่าหลายค่าที่ตรงกับองค์ประกอบเดียวกัน ค่าหรือคำสั่งใดจะถูกนำไปใช้ ระบบลำดับนี้สามารถคาดเดาได้อย่างชัดเจน

ข้อกำหนดของ CSS ดูแลโดยองค์กรเวิลด์ไวด์เว็บคอนซอร์เทียม (W3C) โดยประเภทสื่ออินเทอร์เน็ต (MIME) สำหรับ CSS คือ text/css ซึ่งได้จดทะเบียนไว้ใน RFC 2318 เมื่อเดือนมีนาคม ปี 1998 และ W3C ยังให้บริการตรวจสอบความถูกต้องของ CSS ฟรีอีกด้วย^[5]

นอกจาก HTML แล้ว ภาษามาร์กอัปอื่น ๆ เช่น XHTML, XML ธรรมดา, SVG และ XUL ก็รองรับการใช้ CSS ด้วยเช่นกัน อีกทั้ง CSS ยังถูกใช้ในชุดเครื่องมือวิดเจ็ต GTK อีกด้วย

ระดับของ CSS

ตัวอย่าง

ตัวอย่างโค้ดของ CSS

selector [, selector2, ...][:pseudo-class] {
  property: value;
 [property2: value2;
  ...]
}
/* comment*/

แหล่งข้อมูลอื่น

• เว็บไซต์ทางการ