ข้ามไปเนื้อหา

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

จากวิกิพีเดีย สารานุกรมเสรี
(เปลี่ยนทางจาก CSS3)

แคสเคดดิงสไตล์ชีตส์ (อังกฤษ: 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 April 2011). JavaScript: the definitive guide (ภาษาอังกฤษ). Beijing; Farnham: O'Reilly. p. 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.
  3. "What is CSS?". World Wide Web Consortium. เก็บจากแหล่งเดิมเมื่อ 2010-11-29. สืบค้นเมื่อ 2010-12-01.
  4. Clark, Scott (23 July 2010). "Web-based Mobile Apps of the Future Using HTML 5, CSS and JavaScript". HTML Goodies. HTMLGoodies. เก็บจากแหล่งเดิมเมื่อ 2014-10-20. สืบค้นเมื่อ 2014-10-16.
  5. "W3C CSS validation service". เก็บจากแหล่งเดิมเมื่อ 2011-02-14. สืบค้นเมื่อ 2012-06-30.