CSS คืออะไร

สวัสดีครับ/ค่ะ

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

หากคุณยังไม่คุ้นเคยกับ HTML โปรดเรียนหลักสูตร การเริ่มต้นใช้งาน HTML ให้จบก่อน 

หากคุณคิดว่า ฉันรู้จัก HTML อยู่แล้ว มาเริ่มกันเลย

ในส่วนนี้ของหลักสูตร เราจะเรียนรู้ว่าทำไมเราจึงต้องใช้ CSS

ก่อนอื่น มาถามคำถามแรกที่ติดอยู่ในใจของผม/ดิฉันขณะเรียน CSS กัน

สิ่งที่ HTML ทำไม่ได้ ทำไมเราจึงต้องเรียนรู้ภาษาเพิ่มเติม

ก่อนอื่น มาทบทวนกันว่า HTML ทำอะไร 

HTML เป็นภาษาที่เราใช้ เพื่อนำเสนอข้อมูล ที่อยู่บนหน้าเว็บ (ข้อความ รูปภาพ สูตรคำนวณ และอื่น ๆ) แก่ผู้ใช้ได้ อย่างถูกต้องมากขึ้น

ตัวอย่างเช่น ลองจินตนาการว่าเรากำลังเขียนบทความลงในสมุด 

หากเราลบจุด จุลภาค และเครื่องหมายวรรคตอนอื่น ๆ ออกจากบทความ เราอาจสื่อความหมายที่ต้องการบอกผู้อ่านผิดไป

บนหน้าเว็บก็มีแท็ก HTML ที่เราใช้เพื่อแสดงข้อมูลที่ต้องการบอกผู้ใช้ให้ ชัดเจนยิ่งขึ้น

หน้าเว็บคือเอกสาร HTML และเบราว์เซอร์จะค้นหาเอกสาร HTML เพื่อเรียกใช้หน้าเว็บ ดังนั้นคุณจึงคิดได้ว่า เอกสาร HTML คือพื้นฐานของหน้าเว็บ

แล้ว CSS ทำหน้าที่อะไร

CSS เป็นเทคโนโลยีที่พัฒนาขึ้นเพื่อเพิ่มความสวยงามในการนำเสนอข้อมูลที่เรามี ซึ่ง HTML ไม่สามารถทำได้เพียงพอ

ลองนึกถึงการเปรียบเทียบอีกแบบหนึ่ง สมมติว่าคุณกำลังสร้างบ้าน หน้าที่หลักของบ้านคือการเป็นที่พักพิงสำหรับผู้ที่จะอาศัยอยู่ในบ้าน นี่คือสิ่งที่ HTML ทำ

จุดประสงค์หลักของหน้าเว็บคือการให้ข้อมูลแก่ผู้ที่เปิดหน้าเว็บในเบราว์เซอร์ ส่วน CSS คือเทคโนโลยีที่ช่วยจัดการสีภายนอก การตกแต่งบ้าน และการจัดวางหน้าต่างให้เหมาะสม

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

ภาพด้านบนคือภาพหน้าจอของเว็บไซต์ wikipedia.com ที่ปิดใช้รูปแบบไว้ 

กล่าวอีกนัยหนึ่ง หากใช้เพียงภาษา HTML เราก็สามารถได้ผลลัพธ์แบบที่เห็นด้านบนสำหรับผู้เข้าชมของเรา

ตอนนี้มาดูผลลัพธ์หลังจาก เปิดใช้โค้ด CSS อีกครั้ง กัน

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

ด้วย CSS เวอร์ชันปัจจุบันอย่าง CSS3 จึงมี ความสามารถด้านภาพมากมาย

เราได้เรียนรู้แล้วว่า CSS คืออะไร ก่อนเข้าสู่ส่วนถัดไป

มาดูคำถามที่พบบ่อยที่สุดเกี่ยวกับ CSS กัน

มีการใช้ CSS (Cascading Style Sheets) ตั้งแต่เมื่อใด

CSS เป็นเทคโนโลยีที่เริ่มใช้งานมาตั้งแต่ปี 1996

ฉันสามารถสร้างหน้าเว็บโดยไม่ใช้ CSS ได้หรือไม่

ได้ แต่หน้าเว็บอาจ ดูแย่มากจนไม่มีผู้ใช้เข้าชม หากไม่มี CSS หน้าเว็บก็แทบจะเรียกว่าหน้าเว็บไม่ได้อย่างแท้จริง

แอปเว็บขนาดใหญ่ เช่น Facebook, Google และ Amazon ใช้ CSS หรือไม่

ใช่ครับ/ค่ะ ไม่ใช่แค่เว็บไซต์เหล่านี้ แต่หน้าเว็บทุกหน้าที่คุณเปิดในเบราว์เซอร์ก็ใช้ CSS

CSS เรียนรู้ได้ยากหรือไม่

CSS เรียนรู้ได้ง่าย เราจะเขียนโค้ดราวกับกำลังพูดภาษาอังกฤษ อย่างไรก็ตาม นักพัฒนาซอฟต์แวร์มักพบว่าประเด็นเล็ก ๆ น้อย ๆ บางอย่างทำได้ยาก 

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

คุณมีคำแนะนำที่อยากให้ฉันปฏิบัติขณะเรียน CSS หรือไม่

มีครับ/ค่ะ คุณสามารถเรียน CSS ได้อย่างรวดเร็วด้วยการ ฝึกฝน อย่างมาก

ขอแสดงความยินดี 🥳🥳🥳

คุณเรียนบทเรียน CSS คืออะไร จบแล้ว

ในส่วนถัดไป เราจะเรียนรู้บทนำสู่ CSS

คุณสามารถคลิกเพื่อเรียนต่อในส่วนถัดไปได้