วิธีการสร้างสไตล์ชีตภายนอก

by เจนนิเฟอร์ Kyrnin

ใช้ CSS เว็บไซต์กว้าง

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

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

ข้อดีและข้อเสียของแผ่นงานภายนอก

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

ข้อดีของ External Style Sheets

คุณสามารถควบคุมลักษณะและรูปแบบของเอกสารหลาย ๆ ฉบับพร้อมกัน
- นี่เป็นประโยชน์อย่างยิ่งหากคุณทำงานร่วมกับทีมงานเพื่อสร้างเว็บไซต์ของคุณ กฎสไตล์หลายแบบอาจเป็นเรื่องยากที่จะจดจำและในขณะที่คุณอาจมีคู่มือสไตล์ที่พิมพ์ออกมาก็จะไม่มีประสิทธิภาพและน่าเบื่อที่จะต้องพลิกดูอย่างต่อเนื่องเพื่อดูว่าจะเขียนข้อความตัวอย่างเป็นแบบอักษร Arial 12 จุดหรือตัวจัดส่ง 14 จุด การมีทุกสิ่งทุกอย่างในที่เดียวและเนื่องจากสถานที่แห่งนี้เป็นสถานที่ที่คุณจะทำการเปลี่ยนแปลงคุณจึงสามารถดูแลรักษาได้ง่ายขึ้น
คุณสามารถสร้างคลาสของสไตล์ที่สามารถใช้กับ องค์ประกอบ HTML ต่างๆ ได้
- หากคุณมักใช้รูปแบบอักษรบางอย่างเพื่อให้ความสำคัญกับสิ่งต่างๆบนหน้าเว็บของคุณคุณสามารถใช้แอตทริบิวต์ class ที่คุณตั้งค่าไว้ในสไตล์ชีทเพื่อให้ได้รูปลักษณ์และความรู้สึกนี้แทนการกำหนดสไตล์เฉพาะสำหรับแต่ละอินสแตนซ์ของ ความสำคัญ
คุณสามารถจัดกลุ่มรูปแบบของคุณให้มีประสิทธิภาพมากขึ้น
- คุณสามารถใช้วิธีการจัดกลุ่มทั้งหมดที่มีให้ CSS ได้ในสไตล์ชีตภายนอกซึ่งจะช่วยให้คุณสามารถควบคุมและเพิ่มความยืดหยุ่นในหน้าเว็บของคุณได้มากขึ้น

ข้อเสียของสไตล์ภายนอกชีต

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