สไตล์ชีทภายนอกและสไตล์ชีท CSS แบบฝัง
มีบางสิ่งที่ทำให้สไตล์ชีทภายนอกแตกต่างจากสไตล์ชีทที่ฝังอยู่

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

ตัวอย่าง



สไตล์ชีทภายนอก
สไตล์ชีตภายนอกมีความแตกต่างกันเล็กน้อยเนื่องจากไม่มีแท็กเริ่มต้นและแท็กสิ้นสุด ที่จริงแล้วคุณไม่สามารถมีแท็ก HTML ได้ยกเว้นความคิดเห็นและคำสั่ง @import มันเป็นพื้นไฟล์ข้อความที่มีเพียงรหัส CSS

ตัวอย่าง
เนื้อหา {background-color: #ffffff}

p {font-size: 12pt; สี: # 000000; จัดเรียงข้อความ: center}

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

หลังจากที่คุณสร้างสไตล์ชีตภายนอกคุณสามารถใช้สไตล์เหล่านั้นบนหน้าเว็บใดก็ได้โดยวางแท็กหรือคำสั่ง @import ในส่วนหัว