link rel=stylesheet href style.css คือคำสั่งอะไร ใช้ทำอะไร

link rel=stylesheet href style.css คือ คำสั่งสำหรับโหลดไฟล์ CSS เข้ามาทำงานที่เว็บไซต์ โดยคำสั่งดังกล่าวจะเป็นการโหลดไฟล์ชื่อ style.css ผ่านแท็ก link ของภาษา HTML โดยมีรายละเอียดดังนี้

ตัวอย่าง link rel=stylesheet href style.css คืออะไร ใช้ทำอะไร

1. สร้างไฟล์ชื่อ style.css เก็บไว้ที่ตำแหน่งเดียวกับ index.html และเขียนโค้ดตามด้านล่าง

.box {
    width: 150px;
    height: 150px;
    background-color: red;
}

2. สร้างไฟล์ชื่อ index.html และเขียนโค้ดตามด้านล่าง

<link rel="stylesheet" type="text/css" href="style.css" />
<div class="box"></div>

1. เขียนคำสั่ง css ลงในไฟล์ style.css กำหนดความกว้าง 150px, ความสูง 150px และสีพื้นหลังสีแดง

2. โหลดไฟล์ style.css เข้ามาที่เว็บไซต์ด้วยคำสั่ง <link rel="stylesheet" type="text/css" href="style.css" />

3. นำ class box ไปใช้งานกับ div เพื่อแสดงรูปแบบของ css ออกมาตามที่เขียนไว้ในไฟล์ style.css