10 บทความล่าสุด เลือกหมวด
10 ข่าวไอทีล่าสุด
10 วิดีโอคลิปล่าสุด
หมวดหมู่บทความ
หมวดหมู่วิดีโอคลิป
บอทล่าสุดวันนี้
หน้าแรก >>บทความ >> CSS >> CSS คืออะไร ?
CSS คืออะไร ?
วันเสาร์ที่ 7 เดือน มกราคม พ.ศ.2555 20:03 น.
        CSS (Cascading Style Sheet)คือคำสั่งที่ใช้ร่วมกับ html เพื่อควบคุม การแสดงผลของเว็บไซต์ ประโยชน์เพื่อให้เว็บไซต์ทำงานได้เร็วขึ้นและเป็นผลดีกับการทำ SEO การใช้ CSS ควบคุมหน้าตาเว็บไซต์ เช่น การกำหนดสี Background, กำหนดสีตัวอักษร, กำหนดขนาดต่างๆ รูป หรือตัวอักษร, ปรับแต่ง จัดตำแหน่งองค์ประกอบในหน้าเว็บไซต์

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

    1. การใช้ CSS ในการจัดรูปแบบการแสดงผล จะช่วยลดการใช้ภาษา HTML ในการตกแต่งเอกสารเว็บเพจ ทำให้ code ภายในเอกสาร HTML เหลือเพียงส่วนเนื้อหา ทำให้เข้าใจง่ายขึ้น การแก้ไขเอกสารทำได้ง่ายและรวดเร็ว
    2. เมื่อ code ภายในเอกสาร HTML ลดลง ทำให้ขนาดไฟล์เล็กลง จึงดาวน์โหลดได้เร็ว
    3. สามารถกำหนดรูปแบบการแสดงผลจากคำสั่ง style sheet ชุดเดียวกัน ให้มีผลกับเอกสาร HTML ทั้งหน้า หรือทุกหน้าได้ ทำให้เวลาแก้ไขหรือปรับปรุงทำได้ง่าย ไม่ต้องไล่ตามแก้ที่ HTML tag ต่างๆ ทั่วทั้งเอกสาร
    4. สามารถควบคุมการแสดงผลให้เหมือนกัน หรือใกล้เคียงกัน ได้ในหลาย Web Browser
    5. สามารถกำหนดการแสดงผลในรูปแบบที่เหมาะกับสื่อชนิดต่างๆ ไม่ว่าจะเป็นการแสดงผลบนหน้าจอ, บนกระดาษเมื่อสั่งพิมพ์, บนมือถือ หรือบน PDA โดยที่เป็นเนื้อหาเดียวกัน
    6. ทำให้เป็นเว็บไซต์ที่มีมาตรฐาน ปัจจุบันการใช้ attribute ของ HTML ตกแต่งเอกสารเว็บเพจ นั้นล้าสมัยแล้ว W3C แนะนำให้เราใช้ CSS แทน ดังนั้นหากเราใช้ CSS กับเอกสาร HTML ของเรา ก็จะทำให้เข้ากับเว็บเบราเซอร์ในอนาคตได้ดี

ตัวอย่างเบื้องต้นของการกำหนด Inline Style Sheet

<table style='border: 1px solid black; margin: auto;">
    <tr>
        <td style="text-align: right; font-size: 18pt;">
        Some text aligned left.
        </td>
    </tr>
</table>

จากตัวอย่างจะเห็นว่ามีการกำหนด Style ให้กับแท็ก table โดยกำหนดภายใน Attribute "style" แต่ถึงแม้เราจะมีแท็ก table กี่แท็กก็ตามมันจะไม่มีผลกระทบด้วยเลย เพราะมันหมายความว่ากำหนด Style ให้กับแท็กนั้น ๆ เพียงแท็กเดียว

บทความที่เกี่ยวข้อง

View All
สอน XML        สอน MYSQL        สอน CSS        สอน HTML        สอน PHP        Sitemap        แลกลิ้งกับเรา         
Back to top
2011-2018 All Rights Reserved by  korakitinfo.com  E-Mail : korakit.wiw@korakitinfo.com
Page rendered in 0.0108 seconds
  www.korakitinfo.com