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

Overview

แคสเคดดิงสไตล์ชีตส์ เป็นภาษาสไตล์ชีตกำหนดการนำเสนอและการจัดรูปแบบที่เขียนด้วยภาษามาร์กอัป เช่น HTML หรือ XML โดย CSS เป็นหนึ่งในเทคโนโลยีหลักของเวิลด์ไวด์เว็บ ร่วมกับ HTML และจาวาสคริปต์

แคสเคดดิงสไตล์ชีตส์ (อังกฤษ: 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*/

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

อ้างอิง

  1. "CSS developer guide". MDN Web Docs. ข้อมูลเก่าจากแหล่งเดิมเมื่อ 2015-09-25. สืบค้นเมื่อ 2015-09-24.
  2. Flanagan, David (18 เมษายน 2011). JavaScript: the definitive guide (ภาษาอังกฤษ). Beijing; Farnham: O'Reilly. น. 1. ISBN 978-1-4493-9385-4. OCLC 686709345. JavaScript is part of the triad of technologies that all Web developers must learn: HTML to specify the content of web pages, CSS to specify the presentation of web pages, and JavaScript to specify the behavior of web pages.{{cite book}}: CS1 maint: date auto-translated (ลิงก์)
  3. "What is CSS?". World Wide Web Consortium. ข้อมูลเก่าจากแหล่งเดิมเมื่อ 2010-11-29. สืบค้นเมื่อ 2010-12-01.
  4. Clark, Scott (23 กรกฎาคม 2010). "Web-based Mobile Apps of the Future Using HTML 5, CSS and JavaScript". HTML Goodies. HTMLGoodies. ข้อมูลเก่าจากแหล่งเดิมเมื่อ 2014-10-20. สืบค้นเมื่อ 2014-10-16.{{cite news}}: CS1 maint: date auto-translated (ลิงก์)
  5. "W3C CSS validation service". ข้อมูลเก่าจากแหล่งเดิมเมื่อ 2011-02-14. สืบค้นเมื่อ 2012-06-30.