มาทำความรู้จักกับ CSS กัน

CSS เป็นคำสั่งในการกำหนด การแสดงผลใน HTML CSS เป็นมาตรฐานหนึ่งของ W3C ซึ่งกำหนดขึ้นมา เพื่อทำหน้าที่ในการตบแต่งเอกสารหน้าตาของเว็บเพจ

CSS คืออะไร

CSS ย่อมาจาก Cascading Style Sheets CSS กำหนดรูปแบบวิธีการแสดงผล HTML CSS ไฟล์ภายนอกจะถูกเก็บไว้ในไฟล์ที่มีนามสกุล .css CSS ไฟล์ภายนอกสามารถบันทึกการทำงานได้มาก

CSS ช่วยให้การทำงานสะดวก รวดเร็ว มากขึ้น

ลักษณะรูปแบบการแสดงผลจะถูกกำหนดไว้อีกที่หนึ่ง ไฟล์ภายนอก สารถแก้ไขเว็บเพจได้ทุกหน้า เพียงแก้ไขแค่ไฟล์เดียว

CSS Syntax

เรามาดูตัวอย่างการเขียน CSS กันก่อนดีกว่า

img คือ tag ปกติของ HTML ที่ต้องการกำหนดรูปแบบ
max-width คือ การประกาศคุณสมบัติที่ต้องการกำหนดรูปแบบ : เป็นจุดคั่นระหว่าง property กับ value
700px คือ value ที่ต้องการกำหนดให้กับคุณสมบัติ ; เป็นการบอกว่าจบคำสั่ง ดังในตัวอย่างบอกว่า กำหนดค่า property ให้กับ tag img ให้ภาพมีขนาดกว้างที่สุดเท่ากับ 700px

CSS Comment

เรามาดูคอมเม้นใน CSS กัน comment จะไม่นำมาแสดงผล มีประโยชน์ในการเขียนอธิบาย

เรามาดู Comment ใน CSS กันดีกว่า

comment จะเขียนขึ้นต้นด้วย /* และจบท้ายด้วย */ สิ่งที่อยู่ภายในนั้นจะเห็นเป็นตัวหนังสือสีเทาเมื่อเขียนด้วยโปรแกรม Dreamweaver