แนะนำให้รู้จักกับ CSS
วันจันทร์ที่ผ่านมาผมค่อนข้างมีปัญหาในการใช้เทคโนโลยีมาก คือระบบ Internet องค์กรผมมีปัญหาตลอดเวลาไม่แน่ใจว่ามีปัญหา จากผลพวงพายุไต้ฝุ่นวาชิหรือไม่ พูดถึงเรื่องเทคโนโลยีปัจจุบันนี้ก้าวหน้าไปมาก ผมลองค้นเกี่ยวกับเทคโนโลยีของบบลอค พบว่ามีหลายตัวที่น่าสนใจ ในส่วนของผมนั้นขอแนะนำตัว CSS ครับ
CSS ย่อมาจากคำว่า Cascading Style Sheets แนะนำและสนับสนุนโดย Microsoft internet explorer 3.0 และ Netscape 4.0 เป็นต้นมาเป็นวิธีการกำหนดการแสดงผลของสิ่งต่างๆบนเว็บเพจ เช่น การกำหนดลักษณะของ ลักษณะอักษรที่แสดงHeading ได้แก่ ฟอนต์ขนาดตัวอักษร สีอักษร รวมถึงสีพื้นหลังด้วย ซึ่งคงจะนึกออกว่าถ้าเราจะกำหนดลักษณะข้อความ
เช่นนี้เราต้องใช้ tag <font>ของ html นั่นเอง ดังนั้นเราจึงสามารถใช้ CSS แทน tag ต่างๆ ดังกล่าวของ htmlได้เลย
เรากำหนดอะไรให้เอกสารด้วย CSS ได้บ้าง
- ลักษณะการแสดงผลของข้อความ - การจัดตำแหน่งย่อหน้า(ขอบซ้ายขวาบนล่าง)
- สีสรรของหน้า - ภาพฉากหลัง
- กรอบ - ตาราง
- การพิมพ์ - ลักษณะอื่น ๆที่ html ทำได้แต่ CSS สะดวกกว่า
ประโยชน์ของ CSS
1. CSS มีคุณสมบัติมากกว่า tag ของ htmlเช่นการกำหนดกรอบให้ข้อความ รวมทั้งสีรูปแบบของข้อความที่กล่าวมาแล้ว
2. CSS นั้นกำหนดที่ต้นของไฟล์ htmlหรือตำแหน่งอื่น ๆ ก็ได้ และสามารถมีผลกับเอกสาร ทั้งหมด หมายถึงกำหนดครั้งเดียวจุดเดียวก็มี
ผลกับการแสดงผลทั้งหมดทำให้เวลาแก้ไขหรือปรับปรุงทำได้สะดวกไม่ต้องไล่ตามแก้ tag ต่างๆ ทั่วทั้งเอกสาร
3.CSS สามารถกำหนดแยกไว้ต่างหากจากไฟล์เอกสาร html และสามารถนำมาใช้ร่วมกับเอกสารหลายไฟล์ได้ การแก้ไขก็แก้เพียงจุดเดียว
ก็มีผลกับเอกสารทั้งหมดได้
การกำหนดลักษณะใน CSS
ตำแหน่งของ CSS ในเอกสาร html จะอยู่ตำแหน่งใดก็ได้ มีหลายจุดก็ได้แต่ส่วนใหญ่จะกำหนดไว้ที่ต้นเอกสาร ในส่วน <head> ใน tag<style>..</style> หรือกำหนดแบบอื่น
cascading style sheets ประกอบด้วยส่วนประกอบหลัก 3 ส่วนคือ
property คือคุณสมบัติของลักษณะที่จะกำหนดเช่น ลักษณะของสี ลักษณะของแบบอักษร เป็นต้น
Dot ใช้สำหรับแยกระหว่าง property กับค่าหรือลักษณะของ property นั้น ๆ
Value คือค่าหรือลักษณะของคุณสมบัติที่เรากำหนดให้แก่ property property และ value หลายอย่างสามารถกำหนดรวมกันไปได้
โดยแยกแต่ละส่วนด้วยsemi-colon
ตัวอย่าง
สมมุติเราต้องการกำหนดให้ฟอนต์เป็นสีน้ำเงินและใช้แบบอักษรเป็น sans-serif จะกำหนดได้ดังนี้
color:navy; font-family:sans-serif
ผมไม่แน่ใจว่าที่เขียนในบลอคจะถูกต้องหรือไม่รบกวนเพื่อนช่วยกัน Comment ด้วยนะครับพอดีไม่ค่อยถนัดด้าน IT
ที่มา : http://www.tapee.ac.th/it/com
ความเห็น (0)
ไม่มีความเห็น