แคสเคดดิงสไตล์ชีตส์
เอชทีเอ็มแอล | |||
---|---|---|---|
Comparisons | |||
|
|||
แคสเคดดิงสไตล์ชีตส์ (อังกฤษ: 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*/
แหล่งข้อมูลอื่น
[แก้]อ้างอิง
[แก้]- ↑ "CSS developer guide". MDN Web Docs. เก็บจากแหล่งเดิมเมื่อ 2015-09-25. สืบค้นเมื่อ 2015-09-24.
- ↑ 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.
- ↑ "What is CSS?". World Wide Web Consortium. เก็บจากแหล่งเดิมเมื่อ 2010-11-29. สืบค้นเมื่อ 2010-12-01.
- ↑ 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.
- ↑ "W3C CSS validation service". เก็บจากแหล่งเดิมเมื่อ 2011-02-14. สืบค้นเมื่อ 2012-06-30.