ความรู้เบื้องต้นเกี่ยวกับ CSS3 ใช้จัดรูปแบบการแสดงผลให้สวยงามขึ้น

ความรู้เบื้องต้นเกี่ยวกับ CSS3

   CSS ย่อมาจาก Cascading style sheet  คือภาษาที่ใช้เป็นส่วนของการจัดรูปแบบการแสดงผลเอกสาร  HTML เช่น สีอักษร สีพิ้นหลัง ขนาดตัวอักษร จัดการเลย์เอ้าท์ ให้สวยงามและอื่นๆ ปัจจุบันที่ใช้กันคือ css3 ซึ่งโค้ด CSS3 ก็ถูกพัฒนามาจาก CSS แบบธรรมดา สามารถกำหนดทำอะไรได้มากขึ้น สวยงามขึ้น และบางโค้ดอาจสั้นลง เพื่อการจดจำง่าย ไม่ยุ่งยากและซับซ้อนน้อยลง

     ใน CSS3 นั้น ระบบการทำงานแต่ละอย่างจะถูกแยกออกมาเป็น Module เดี่ยวๆ ของใครของมัน รวมไปถึง Selectors ของ CSS3 เองด้วย ใน CSS2 Selectors นั้น W3C ได้รวมเอา Selectors เป็นองค์ประกอบหลักของการเขียน CSS ใน ทุกๆ Models (CSS2 เรียก Model ส่วน CSS3 เรียก Module) CSS3 นั้นแยกเนื้อหาออกเป็น Modules ซึ่งในแต่ละ Module นั้นจะมี CSS Properties และ Values เพื่อใช้ในการควบคุมการแสดงผล ของ HTML โดยสื่อสารผ่าน Selectors  ซึ่งใน CSS3 ทาง W3C ได้ยกเรื่องของ Selectors ออกมาเป็น CSS Selectors Module Level 3 ซึ่งถือเป็น Module แรกสุดของ CSS3 ที่ประกาศเป็นสถานะ PR (Proposed Recommendation) แต่ในขณะเดียวกัน CSS2.1 ยังอยู่ในสถานะ CR (Candidate Recommendation) อยู่เลย

      CSS3 มี Feature ใหม่เพิ่มขึ้นมา ดังนี้ (มีจะสอนวิธีการใช้งานในบทเรียนถัดไป)

       - Border Radius ง

       - Border Images 

       - Box Shadow 

       - Multi-Column Layout 

       - Font-face 

       - Attribute Selectors

       - Opacity and RGBA

    Module หลักๆ ของ css3 มีดังนี้

    -Selectors

    -Box Model

    -Backgrounds and Borders

    -Text Effects

    -2D/3D Transformations

    -Animations

    -Multiple Column Layout

    -User Interface