CSS คือ การเขียนเว็บไซต์ในรูปแบบใหม่นั่นเอง ซึ่งเข้ามาช่วยในเรื่องการแสดงผลของสิ่งต่างๆ บนเว็บไซต์ เช่น ลักษณะของอักษร สี ขนาด สีพื้นหลัง และอื่นๆ อีกมากมาย จริงๆ แล้ว CSS มันก็คือ tag<front> ของ ภาษา html นั่นเอง แต่เขียนให้ดูง่ายกว่า และมีการทำงานที่เหนือชั้นกว่า ภาษา html
ข้อดีของ CSS ที่โดดเด่นเป็นอย่างแรกเลยคือ มีคุณสมบัติเพียบพร้อมมากกว่า html ซึ่งการเขียน CSS นั้น จะมีผลกับทั้งเอกสาร คือ กำหนดไว้แค่ที่เดียว แต่ใช้ได้ทั้งหมด ซึ่งทำให้เวลาแก้ไข สามารถ แก้ไขได้ง่ายไม่เหมือนกับ html ที่จะต้องมาตามนั่งแก้ tag ใหม่ทั้งหมดทั่วเอกสาร CSS ยังสามารถกำหนดแยกไฟล์ไว้ต่างหากจาก htmlได้อีกด้วย โดยที่ ถ้ามีไฟล์html สัก 10ไฟล์ ก็สามารถกำหนด CSS 1 ไฟล์ เพื่อใช้กับ html อีก 10 ไฟล์ได้หมด จะได้เป็น format เดียวกันและแก้ไขได้ง่าย ไม่ต้องนั่งแก้ tag ใหม่ทั้ง10 ไฟล์ แก้ที่ CSS อันเดียวก็เปลี่ยนได้หมดทุกไฟล์
ในที่นี้ เดี๋ยวเราจะยกตัวอย่าง การเขียนโค้ดสร้างเว็บไซต์ ทั้งในแบบเก่า และแบบใหม่ ให้ดู เพื่อให้เข้าใจมากขึ้น
การเขียนเว็บไซต์แบบเก่า ที่ไม่ได้ใช้ CSS
<table style=”width:100%”>
<tr>
<td colspan=”2″ style=”background-color:#09f; color:#fff”>
<h1>using HTML</h1>
</td></tr>
<tr valign=”top”>
<td style=”background-color:#93C9FF; width:20%;text-align:top; “>
<b>Main Menu</b><br />
HTML<br />
CSS
</td>
<td style=”height:200px; text-align:top;”>การสร้าง layout แบบใช้table จ้า</td>
</tr>
<tr>
<td colspan=”2″ style=”background-color:#09f; text-align:center; color:#fff”>
Copyright © 2009 raiindear.wordpress.com
</td></tr>
</table>
การเขียนเว็บไซต์แบบใหม่ ใช้CSS
<html><body><head>
<style type=”text/css”>
<!–
h1{color:red; font-family:Arial }
p{color:black; font-family:Arial; font-weight:bold }
–>
</style>
</head>
<body>
<h1>CSSจ้า</h1>
<p>การเขียน เว็บไซต์โดยใช้ CSS ง่ายกว่าเขียนโดยใช้ HTML ตั้งเยอะแหน่ะ</p>
</body>
</html>
จะเห็นว่า การเขียนแบบ CSS จะกำหนด styleไว้แล้ว และไม่ต้องกำหนดใหม่ใน tag HTMLอีก ซึ่ง style ที่กำหนดใน CSS นั้น จะสามารถใช้ได้ครอบคลุมทั้งเอกสาร ต่างกับแบบเก่าที่จะต้องมากำหนดstyle ใหม่ทุกครั้ง
อันนี้เป็นแค่โค้ดตัวอย่างส่วนน้อยนิดนะคะ เพียงแค่ยกตัวอย่างให้เห็นความแตกต่างของการใช้ และไม่ใช่ CSS เท่านั้น
ลองศึกษาและเขียนดูนะคะ ง่ายกว่า HTML เยอะเลย เป็นกำลังใจให้ค่ะ สู้ๆ ^^
การเขียนเว็บไซต์แบบเก่า ไม่ได้ใช้ CSS



