การใช้ CSS ในการกำหนด layout และตกแต่งเว็บไซต์แบบ Tableless ในบ้านเราถือว่ายังไม่แพร่หลายมากนัก ส่วนใหญ่ยังคงใช้คำสั่ง Table ในการกำหนด Layout ของเว็บ ถึงแม้จะนำ CSS มาใช้บ้างแต่ก็เป็นการผสมผสานกับการใช้ Table แต่ปัญหาที่ผมมาเมื่อครั้งยังใช้ table เป็นหลัก คือหากผมต้่องการปรับเปลี่ยน Layout หรือ หน้าตาเว็บโดยยังคงเนื้อหาเดิมไว้ ผมกลับต้องรื้อ layout ทั้งหมด และเมื่อเห็นหลายๆ เว็บของต่างประเทศที่นำ CSS มาใช้ในการทำเว็บและลองทำดูปัญหาที่เคยเจอก็หมดไป นอกจากข้อดีที่ว่าแล้ว CSS ยังมีข้อดีข้อเด่นอะไรอีกบ้าง เรามาลองดูกันครับ
จุดเ่่ด่น 5 ประการของ CSS ที่ Russ Weakley ผู้เขียนหนังสือ CSS in 10 Minute ซึ่งเป็นหนังสือเล่มแรกๆที่ผมซื้อมาเพื่อศึกษาการใช้ CSS ครับ
* สามารถควบคุม Typography ได้ดีกว่า นั่นก็หมายความว่า การใช้ CSS ทำให้คุณกำหนดรูปแบบการแสดงผลของ Font จากไฟล์ CSS ได้ดีขึ้นเพราะหากเว็บของคุณมีรูปแบบของ fontที่เหมือนกันในทุกเว็บเพจ คุณก็กำหนดรูปแบบการแสดงผลของ Font ทั้งหมดไว้ในไฟล์ CSS และเรียกใช้มันแทนการเขียน Tag ในแต่ละเว็บเพจ
* ขนาดของไฟล์เล็กลง เพราะเมื่อคุณใช้ CSS ในการกำหนดรูปแบบหน้าตาของเว็บ จากเดิมที่ใส่ tags อย่าง font size=”+2″ , style=….color… ,หรือ table align=”center” bgcolor=”…”……. ,ฯลฯ (อย่าลืมเติม < > ด้วยล่ะ) เต็มไปหมดในเอกสาร HTML คุณก็สามารถกำหนดรูปแบบการแสดงผลไว้ไฟล์ CSS ต่างหาก ซึ่งก็จะทำให้ ขนาดไฟล์ HTML เล็กลง
* ปรับเปลี่ยนง่าย เมื่อคุณกำหนดรูปแบบการแสดงผลของเว็บเพจ ไว้ในไฟล์ CSS คุณก็สามารถแก้ไขรูปแบบการแสดงผลได้จาก ไฟล์ CSS แทนที่จะแก้ไขในเอกสาร HTML หลายๆหน้าเหมือนการใช้ Table
* กำหนดรูปแบบการแสดงผลของสื่อหลากชนิด ด้วยการใช้ CSS คุณสามารถกำหนดให้การแสดงผลของเว็บแสดงออกมาในรูปแบบที่เหมาะกับสื่อชนิด ต่างๆไม่ว่าจะเป็น ให้เว็บเพจหนึ่งหน้าแสดงผลที่ Browserในรูปแบบเว็บเพจบนหน้าจอแต่แสดงผลใน Mobile Device อีกแบบหนึ่งเพืื่อให้เหมาะสมหน้าจอบน PDA ที่เล็กกว่าได้ ฯลฯ โดยที่ยังคงเนื้อหาเช่นเดิม
* เพิ่ม Accessibility ให้เว็บ Accessibility หรือการเข้าถึงข้อมูลเว็บนั้นเรามักจะนึกถึงการเข้าถึงข้อมูลเว็บของผู้มี ปัญหาทางผิดปกติทางร่างกายเช่น คนตาบอด ผู้พิการอื่นๆ ฯลฯ ซึ่งคนเหล่านี้จะใช้ Software ช่วยเหลือเช่น Screen Readers(สามารถ ดาวน์โหลด trial screen readers software ได้ที่ freedomscientific.com/fs_downloads/jaws.asp เมื่อ install แล้ว ให้ลองหลับตาหรือปิดมอนิเตอร์ เพื่อให้ Software อ่านให้เว็บให้เราฟัง) หลายจุดในเว็บเพจที่มีการใช้ Table ซ้อน Table อาจจะทำให้ Screen Readers อ่านข้อความผิดพลาดได้ แต่หากใช้ CSS เป็นตัวกำหนดรูปแบบ และ กำหนดเนื้อหาตัวหนังสือใน HTML เมื่อถอดตัว CSS ออกจาก HTML เอกสารก็จะแสดงผลไม่ต่างกับ Microsoft Word ที่อ่านง่ายขึ้น ทำให้การอ่านผลของ Screen Readers อ่านตัวหนังสือได้ถูกต้องยิ่งขึ้นหากคุณอยากรู้ว่าเมื่อถอด CSS ออกแล้วเป็นอย่างไร ทำได้โดยหากคุณใช้ Firefox(download) ไปที่ Toolbar เลือก View > Page Style >No Style สำหรับ IE 7 ทำได้เพียง Ignore Font size ,color และ font style เท่านั้น จึงขอแนะนำให้ใช้ Firefox ดีกว่า