บทนำ CSS

CSS

    แม้ว่าภาษา HTML จะช่วยให้เราสามารถสร้างเว็บเพจขึ้นมาได้ แต่ก็ยังไม่คลอบคลุมการแสดงผลทั้งหมดที่เราต้องการอยู่ดี ดังนั้นเราจึงใช้ CSS มาเติมเต็มในช่องว่างที่หายไป

    CSS ย่อมาจาก Cascading Style Sheets เป็นคำสั่งที่เข้ามาเสริมการแสดงผลของ HTML ซึ่งมีข้อดีมากมายเช่น

        1.คุณสามารถแก้ไขเว็บเพจได้หลายๆหน้าพร้อมกัน

        2.ลดปัญหาการแสดงผลที่ผิดเพี้ยนเช่น ภาษาต่างดาว

        3.ช่วยให้การทำเว็บมีประสิทธิภาพมากขึ้น

        4.ช่วยให้การทำเว็บยืดหยุ่นมากขึ้น คุณอาจไม่ต้องใช้คำสั่ง table ของ HTML เลยซึ่งจะทำให้การแสดงผลของคุณมีความถูกต้องและยืดหยุ่นมากขึ้น

        5.การกลับมาแก้ไขเว็บเพจทำได้ง่ายขึ้น

ตัวอย่างการใช้งาน CSS ลองคลิกที่ link ด้านล่างดู

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

เกี่ยวกับบทความนี้

  • ระดับความยาก : พื้นฐาน
  • คะแนนของบทความนี้ : 7
  • สร้างเมื่อ : 16-05-2010
  • จำนวนครั้งที่เปิด : 4,197
  • เนื้อหาที่เกี่ยวข้อง :
      -

คะแนนความน่าสนใจ

59

คลิกที่ เด็ดดวง! เพื่อโหวตให้กับบทความนี้หากคิดว่าน่าสนใจ

บทความอื่นๆในหมวดลองทำเว็บไซต์ แบบง่ายๆ (11 เรื่อง)

บทนำ CSS

บทนำ CSS

CSS เป็นคำสั่งที่ใช้คู่กับ HTML เพื่อให้คุณใช้จัดรูปแบบของเว็บเพจของคุณได้ดีขึ้น และแก้ไขได้ง่ายขึ้น

สร้างเมื่อ : 16-05-2010 9:03 | จำนวนครั้งที่เปิด : 4,197


CSS syntax

CSS syntax

ในบทนี้จะเป็นเนื้อหาของ รูปแบบคำสั่งของ CSS ซึ่งจะใช้ไปในทุกๆบทต่อจากนี้

สร้างเมื่อ : 16-05-2010 9:05 | จำนวนครั้งที่เปิด : 3,156


การใช้งาน CSS

การใช้งาน CSS

หลายคนคงสงสัยว่า จะใช้งาน CSS ได้อย่างไร และ CSS จะอยู่ส่วนไหนของ code ของเรา ในบทความนี้จะบอกอย่างเรื่องนี้อย่างละเอียดทีเดียว

สร้างเมื่อ : 16-05-2010 8:29 | จำนวนครั้งที่เปิด : 2,851


คำสั่งที่ใช้ใส่ Background ให้เว็บเพจ

คำสั่งที่ใช้ใส่ Background ให้เว็บเพจ

ในบทความนี้จะเป็นคำสั่งที่เกี่ยวกับการใส่ background ให้กับเว็บเพจของเรา ซึ่งสามารถกำหนดรายละเอียดการแสดงผลได้มากกว่าการใช้งาน HTML มาก

สร้างเมื่อ : 16-05-2010 8:29 | จำนวนครั้งที่เปิด : 3,696


คำสั่งที่ใช้กับข้อความ (text)

คำสั่งที่ใช้กับข้อความ (text)

ในบทนี้จะเป็นคำสั่ง CSS ที่ใช้กับข้อความ ซึ่งเป็นสิ่งที่เราใช้มากที่สุดในการทำเว็บเพจ

สร้างเมื่อ : 16-05-2010 8:30 | จำนวนครั้งที่เปิด : 2,506


คำสั่งจัดการฟอนต์ (font)

คำสั่งจัดการฟอนต์ (font)

ในบทนี้เราจะเป็นคำสั่งใช้กับตัวอักษร (font) ของเรา เช่นกำหนดขนาดให้ตัวอักษร , แสดงอักษรตัวหนา , ตัวเอียง หรือแม้แต่กระทั่งชนิดของตัวอักษร

สร้างเมื่อ : 16-05-2010 8:30 | จำนวนครั้งที่เปิด : 1,677


คำสั่งที่เกี่ยวกับเส้นขอบ

คำสั่งที่เกี่ยวกับเส้นขอบ

ในบทนี้จะเป็นคำสั่งที่ใช้สร้างเส้นขอบต่างๆ สำหรับวัตถุ เช่นสร้างเส้นขอบให้กับอักษร หรือสร้างเส้นขอบให้กับเนื้อหา ที่จะเห็นใช้กันบ่อยๆคือ เส้นประที่ใช้คั่นระหว่างบทความ

สร้างเมื่อ : 16-05-2010 8:31 | จำนวนครั้งที่เปิด : 2,207


Margin กำหนดระยะห่างระหว่างวัตถุ

Margin กำหนดระยะห่างระหว่างวัตถุ

margin เป็นการกำหนดระยะห่างระหว่างวัตถุเช่น กำหนดให้ข้อความห่างจาก ตาราง 1 cm หรือกำหนดระยะห่างระหว่างข้อความด้วยกัน

สร้างเมื่อ : 16-05-2010 8:31 | จำนวนครั้งที่เปิด : 1,546


padding จัดระยะห่างระหว่างขอบของวัตถุ และเนื้อหา

padding จัดระยะห่างระหว่างขอบของวัตถุ และเนื้อหา

padding จัดระยะห่างระหว่างขอบของวัตถุ และเนื้อหา เช่น ระยะห่างระหว่างเส้นตาราง และเนื้อหาในตาราง

สร้างเมื่อ : 16-05-2010 8:31 | จำนวนครั้งที่เปิด : 1,405


เปลี่ยนสัญลักษณ์หน้า list

เปลี่ยนสัญลักษณ์หน้า list

ในบทเรียน HTML จะมีเรื่องการเขียน list อยู่ซี่งเครื่องหมายที่อยู่หน้า list นั้นสามารถเปลี่ยนได้โดยใช้คำสั่ง CSS

สร้างเมื่อ : 16-05-2010 8:32 | จำนวนครั้งที่เปิด : 1,642


table จัดรูปแบบของตารางด้วยคำสั่ง css

table จัดรูปแบบของตารางด้วยคำสั่ง css

ในบทนี้จะเป็นการจัดรูปแบบของตารางด้วยคำสั่ง CSS

สร้างเมื่อ : 16-05-2010 8:32 | จำนวนครั้งที่เปิด : 3,190