การรวม External Stylesheet ไฟล์ในเอกสาร HTML

แอตทริบิวต์ <link> ใช้รวม external style sheet file ในเอกสาร HTML

External style sheet คือไฟล์ข้อความแยกต่างหากมีนามสกุล .css กำหนด Style rules ทั้งหมดในไฟล์นี้ แล้วรวมไฟล์นี้ในเอกสาร HTML ใดๆ ด้วย <link>

พิจารณา style sheet file ชื่อ new.css ที่มีกฎดังนี้:

h1, h2, h3 {
  color: #36C;
  font-weight: normal;
  letter-spacing: .4em;
  margin-bottom: 1em;
  text-transform: lowercase;
}

ตอนนี้คุณสามารถรวมไฟล์ new.css ในเอกสาร HTML ใดๆ ได้ดังนี้:

<head>
  <link type="text/css" href="new.css" media="all" />
</head>