ความหมาย CSS ภายนอกและวิธีเชื่อมโยงไปยังหนึ่ง
เมื่อเว็บเบราเซอร์โหลดหน้าเว็บวิธีที่ปรากฏขึ้นจะพิจารณาจากข้อมูลจากสไตล์ชีตเรียงซ้อน มีสามวิธีสำหรับไฟล์ HTML เพื่อใช้สไตล์ชีต: ภายนอก, ภายในและในบรรทัด
สไตล์ชีตภายในและในบรรทัดจะถูกเก็บไว้ภายในไฟล์ HTML เอง ตอนนี้พวกเขาใช้งานได้ง่าย แต่เนื่องจากไม่ได้รับการจัดเก็บไว้ในตำแหน่งที่ตั้งกลางจึงเป็นไปไม่ได้ที่จะสามารถเปลี่ยนการจัดรูปแบบทั่วทั้งเว็บไซต์ได้อย่างง่ายดาย คุณต้องกลับเข้าไปในแต่ละรายการและเปลี่ยนด้วยตนเอง
อย่างไรก็ตามด้วยสไตล์ชีตภายนอกคำแนะนำสำหรับการแสดงผลหน้าจะถูกจัดเก็บไว้ในไฟล์เดียวซึ่งทำให้ง่ายในการแก้ไขรูปแบบทั่วทั้งเว็บไซต์หรือหลายองค์ประกอบ ไฟล์นี้ใช้นามสกุลไฟล์. CSS และลิงก์ไปยังตำแหน่งของไฟล์นั้นจะรวมอยู่ในเอกสาร HTML เพื่อให้เว็บเบราเซอร์รู้ที่จะมองหาคำแนะนำการจัดรูปแบบ
เอกสารอย่างน้อยหนึ่งเอกสารสามารถเชื่อมโยงไปยังไฟล์ CSS เดียวกันและเว็บไซต์อาจมีไฟล์ CSS ที่ไม่เหมือนใครสำหรับการจัดรูปแบบหน้าต่างๆตารางภาพ ฯลฯ
วิธีเชื่อมโยงไปยังสไตล์ชีตภายนอก
ทุกเว็บเพจที่ต้องการใช้สไตล์ชีตภายนอกเฉพาะต้องเชื่อมโยงไปยังไฟล์ CSS จากส่วน เช่นนี้:
head>ในตัวอย่างนี้สิ่งเดียวที่ต้องการเปลี่ยนเพื่อให้ใช้กับเอกสารของคุณเองคือข้อความ styles.css นี่คือตำแหน่งของไฟล์ CSS ของคุณ
หากไฟล์ชื่อว่า styles.css และอยู่ในโฟลเดอร์เดียวกันกับเอกสารที่เชื่อมโยงกับไฟล์นั้นจะสามารถอ่านได้ตามที่ได้อ่านไว้ด้านบน อย่างไรก็ตามโอกาสที่ไฟล์ CSS ของคุณมีชื่ออย่างอื่นซึ่งในกรณีนี้คุณสามารถเปลี่ยนชื่อจาก "สไตล์" เป็นของคุณได้
หากไฟล์ CSS ไม่อยู่ที่รากของโฟลเดอร์นี้ แต่ในโฟลเดอร์ย่อยอาจมีลักษณะดังนี้:
head>ข้อมูลเพิ่มเติมเกี่ยวกับไฟล์ CSS ภายนอก
ประโยชน์สูงสุดของสไตล์ชีตภายนอกคือไม่ได้เชื่อมโยงกับหน้าใด ๆ หากการจัดรูปแบบทำได้ภายในหรือในบรรทัดหน้าอื่น ๆ ในเว็บไซต์ไม่สามารถชี้ไปที่การกำหนดลักษณะดังกล่าวได้
ด้วยรูปแบบภายนอกไฟล์ CSS เดียวกันสามารถใช้กับหน้าเว็บทุกหน้าในเว็บไซต์ได้อย่างแท้จริงเพื่อให้ทุกคนดูสม่ำเสมอและการแก้ไขเนื้อหา CSS ของเว็บไซต์ทั้งหมดเป็นเรื่องง่ายและเป็นแบบรวมศูนย์
คุณสามารถดูวิธีการทำงานด้านล่างนี้ ...
สไตล์ภายในต้องใช้แท็ก เนื่องจากต้องมีความแตกต่างจาก แท็ก:
body {พื้นหลังสี: สีเขียว; } h1 {color: blue; margin-left: 15px; } style> head>อย่างไรก็ตามเนื่องจากสไตล์ชีตภายนอกมีอยู่ในไฟล์ของตนเองไฟล์เหล่านี้สามารถสร้างได้เช่นนี้และหมายถึงสิ่งเดียวกับตัวอย่างข้างต้น:
ร่างกาย {background-color: เขียว; } h1 {color: blue; margin-left: 15px; }ในตัวอย่างเหล่านี้การจัดรูปแบบบรรทัดในจะใช้เฉพาะกับหน้าเว็บดังกล่าวโดยเห็นได้จากข้อเท็จจริงที่ว่าหน้ารายละเอียดส่วนหัวของหน้า HTML มีอยู่ ด้วยตัวอย่างที่สองข้อมูล CSS จะมีอยู่ในไฟล์ CSS ที่หน้าใดสามารถเชื่อมโยงไปยังการใช้โค้ดจากส่วน " วิธีเชื่อมโยงไปยังส่วนสไตล์ภายนอก " ด้านบน