การสร้าง CSS Style Sheet ไว้เป็น External File นั้น มีข้อดีตรงที่ ในกรณีที่เราต้องการใช้รูปแบบ Style Sheet นั้น ๆ กับหลาย ๆ เพจ ซึ่งโดยปกติแล้ว เราก็จะต้องกำหนด Style Sheet แบบเดิม ๆ ซ้ำซาก ซึ่งทำให้เสียเวลาเป็นอย่างมาก แต่ถ้าเราแยกไฟล์ออกมาต่างหาก ไม่ว่าเพจไหนก็สามารถ import ไฟล์ External CSS ได้แล้ว โดยไม่ต้องสร้าง Style Sheet แบบเดิม ๆ บ่อย ๆ แต่ไฟล์ที่ถูกสร้างเป็น External CSS จะต้องมีนามสกุลเป็น .css

การ import style sheets ด้วยคำสั่ง @imports นั้นก็เป็นอีกวิธีหนึ่งที่ทำการ import ไฟล์ CSS ที่เก็บไว้ต่างหากหรือที่เรียกว่า External CSS File แต่จะมีข้อแตกต่างกันตรงที่การใช้คำสั่ง @imports นั้นจะต้องใช้ภายในแท็ก style (ซึ่งในบทความที่แล้วผมได้เสนอวิธีการ import CSS File โดยใช้แท็ก link)

ในบทความนี้ผมจะกล่าวถึงวิธีการ import ไฟล์ CSS External เข้ามาในเอกสารโดยใช้แท็ก <link /> ซึ่งเราสามารถสร้างไฟล์ CSS Style Sheet แยกไว้ต่างหากแต่ต้องมีนามสกุลเป็น .css ซึ่งเป็นประโยชน์เมื่อเราต้องการกำหนด Style Sheet แบบเดิม ๆ ทุก ๆ หน้า เราก็สามารถเรียกใช้ไฟล์นั้น ๆ มาใช้งานได้ทันทีโดยไม่ต้องกำหนด Style Sheet ใหม่ เราไปดูรูปแบบการใช้งานกันเลยครับ

ในบทความที่แล้วผมได้กล่าวไว้แล้วว่า เราจะใช้ CSS Style Sheet แบบ Embedded (หรือจะเรียกว่าเป็น internal) นั้นจะต้องประกาศไว้ภายในแท็ก ซึ่งการประกาศแบบนี้นั้นจะต้องประกาศไว้โดยตรงในเอกสาร HTML