Skip to main content

CSS คืออะไร?

Cascading Style Sheet (CSS) เป็นวิธีการออกแบบเว็บไซต์หรือกลุ่มของเว็บไซต์เพื่อให้พวกเขามีรูปลักษณ์และความรู้สึกที่สอดคล้องกันและเพื่อให้รูปลักษณ์และความรู้สึกของพวกเขาเปลี่ยนแปลงได้ง่ายด้วยการใช้ CSS เพื่อออกแบบเว็บไซต์ผู้พัฒนาเว็บจะได้รับการควบคุมในระดับที่มากขึ้นว่าเว็บไซต์ปรากฏขึ้น

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

อีกวิธีหนึ่งที่นักพัฒนาเว็บสามารถใช้ CSS คือการสร้างกฎสำหรับหน้าเว็บเดียวในกรณีนี้ผู้พัฒนาจะใช้สิ่งที่เรียกว่า CSS แบบฝังตัวอย่างเช่นนักพัฒนาสามารถทำให้แต่ละย่อหน้าใหม่และแต่ละส่วนหัวเป็นตัวหนาคำแนะนำแบบฝังมักจะอยู่ที่ด้านบนของรหัสหน้าเว็บ

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

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

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

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