CSS ทำให้หน้าเว็บมีชีวิตชีวาอย่างไร

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

CSS ทำงานด้วยการให้คำสั่ง เลือกองค์ประกอบหนึ่งก่อน แล้วอธิบายว่าองค์ประกอบนั้นควรมีรูปลักษณ์อย่างไร นี่คือหัวใจสำคัญทั้งหมด

กฎ CSS มีสองส่วน ได้แก่ สิ่งที่จะจัดสไตล์ (ตัวเลือก) และวิธีจัดสไตล์สิ่งนั้น (การประกาศ) เป็นคู่ที่เข้าใจง่ายมาก

นี่คือกฎแบบเต็ม «p» ใช้เลือกย่อหน้า และภายในวงเล็บปีกกา เรากำหนดสี อ่านกฎนี้เหมือนอ่านประโยคได้เลย 📖

ภายในวงเล็บปีกกา คุณจะเขียนคุณสมบัติ (เช่น color) และค่า (เช่น green) คุณสมบัติคือสิ่งที่จะกำหนด ส่วนค่าคือวิธีกำหนด

เหมือนกับการบอกช่างทาสีว่า «ผนังด้านนั้น ทาสีเขียวให้หน่อย» ตัวเลือกคือผนัง ส่วนกฎคือคำสั่งของคุณ 🎨

ต้องการให้ข้อความใหญ่ขึ้นหรือคะ เปลี่ยนค่า ต้องการสีใหม่หรือคะ เปลี่ยนค่า CSS ช่วยให้คุณปรับหน้าเว็บได้ทันที

หน้าเว็บจริงประกอบด้วยกฎเล็ก ๆ มากมาย แต่ละกฎมีขนาดเล็ก ทว่าเมื่อรวมกันแล้วจะสร้างรูปลักษณ์ทั้งหมดขึ้นมา นี่คือพลังของการทำงานเป็นทีม 🤝

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

ตอนนี้คุณอ่านกฎ CSS และเข้าใจได้แล้วว่ากฎนั้นทำอะไร เยี่ยมมาก ต่อไปเราจะเรียนรู้การเลือกสิ่งที่จะจัดสไตล์ให้ตรงจุด 🎯