-- CharinyaKlakhang - 22 May 2012 - 13:34

CSS

CSS"> แนะนำ CSS

ย่อมาจากคำว่า Cascading Style Sheets แนะนำและสนับสนุนโดย Microsoft internet explorer 3.0 และ Netscape 4.0 เป็นวิธีการกำหนดการแสดงผลของสิ่งต่างๆบนเว็บเพจ เช่น การกำหนดลักษณะอักษรที่แสดงHeading ได้แก่ ฟอนต์ ขนาดตัวอักษร สีอักษร รวมถึงสีพื้นหลังด้วย ซึ่งคุณคงจะนึกออกว่าถ้าเราจะกำหนดลักษณะข้อความเช่นนี้เราต้องใช้ tag <font> ของ html ดังนั้นเราจึงสามารถใช้ CSS แทน tag ต่างๆ ดังกล่าวของ html ได้

CSS ได"> เรากำหนดอะไรให้เอกสารด้วย CSS ได้บ้าง

• ลักษณะการแสดงผลของข้อความ
• การจัดตำแหน่งย่อหน้า(ขอบซ้ายขวาบนล่าง)
• สีสรรของหน้า
• ภาพฉากหลัง
• กรอบ
• ตาราง
• การพิมพ์
• ลักษณะอื่น ๆที่ html ทำได้แต่ CSS สะดวกกว่า

CSS"> ประโยชน์ของ CSS

• CSS มีคุณสมบัติมากกว่า tag ของ html เช่นการกำหนดกรอบให้ข้อความ รวมทั้งสี รูปแบบของข้อความที่กล่าวมาแล้ว
• CSS นั้นกำหนดที่ต้นของไฟล์ html หรือตำแหน่งอื่น ๆ ก็ได้ และสามารถมีผลกับเอกสารทั้งหมด หมายถึงกำหนดครั้งเดียวจุดเดียวก็มีผลกับการแสดงผลทั้งหมด ทำให้เวลาแก้ไขหรือทำได้สะดวกไม่ต้องไล่ตามแก้ tag ต่างๆ ทั่วทั้งเอกสาร
• CSS สามารถกำหนดแยกไว้ต่างหากจากไฟล์เอกสาร html และสามารถนำมาใช้ร่วมกับเอกสารหลายไฟล์ได้ การแก้ไขก็แก้เพียงจุดเดียวก็มีผลกับเอกสาร ทั้งหมดได้

CSS"> การกำหนดลักษณะใน CSS

ตำแหน่งของ CSS ในเอกสาร html จะอยู่ตำแหน่งใดก็ได้ มีหลายจุดก็ได้แต่ส่วนใหญ่จะกำหนดไว้ที่ต้นเอกสาร ในส่วน ใน tag cascading style sheets ประกอบด้วยส่วน ประกอบหลัก 3 ส่วนคือ

ส่วนประกอบ	การใช้งาน
Property	คุณสมบัติของลักษณะที่จะกำหนด เช่น ลักษณะของสี ลักษณะของแบบอักษร เป็นต้น
Dot	ใช้สำหรับแยกระหว่าง property กับค่าหรือลักษณะของ property นั้น ๆ
Value	คือค่าหรือลักษณะของคุณสมบัติที่เรากำหนดให้แก่ property property และ value หลายอย่างสามารถกำหนดรวมกันไปได้โดยแยกแต่ละส่วนด้วย semi-colon