สไตล์ภายนอกคืออะไร?

ความหมาย CSS ภายนอกและวิธีเชื่อมโยงไปยังหนึ่ง

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

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

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

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

วิธีเชื่อมโยงไปยังสไตล์ชีตภายนอก

ทุกเว็บเพจที่ต้องการใช้สไตล์ชีตภายนอกเฉพาะต้องเชื่อมโยงไปยังไฟล์ CSS จากส่วน เช่นนี้:

ในตัวอย่างนี้สิ่งเดียวที่ต้องการเปลี่ยนเพื่อให้ใช้กับเอกสารของคุณเองคือข้อความ styles.css นี่คือตำแหน่งของไฟล์ CSS ของคุณ

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

หากไฟล์ CSS ไม่อยู่ที่รากของโฟลเดอร์นี้ แต่ในโฟลเดอร์ย่อยอาจมีลักษณะดังนี้:

ข้อมูลเพิ่มเติมเกี่ยวกับไฟล์ CSS ภายนอก

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

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

คุณสามารถดูวิธีการทำงานด้านล่างนี้ ...

สไตล์ภายในต้องใช้แท็ก