การรีเซ็ตสไตล์ด้วย Universal Selector ใน CSS

เป็นวิธีการปฏิบัติทั่วไปในการยกเลิก ระยะห่างเริ่มต้น สำหรับสิ่งนี้จะสร้าง ไฟล์ที่เรียกว่าไฟล์รีเซ็ต สไตล์ reset.css

ในไฟล์นี้จะรีเซ็ตระยะห่างทั้งหมดให้เป็นศูนย์ โดยใช้ Universal Selector:

reset.css* {
  margin: 0;
  padding: 0;
}

จากนั้นให้เชื่อมต่อไฟล์รีเซ็ตกับหน้า HTML ก่อน แล้วจึงเชื่อมต่อไฟล์ที่มีสไตล์ CSS หลัก:

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    
  </body>
</html>

Задание 1

สร้างไฟล์รีเซ็ตโดยใช้ Universal Selector เชื่อมต่อมันกับไฟล์ HTML บางไฟล์ ดูที่ลักษณะปรากฏของหน้า โดยค่าเริ่มต้น โดยไม่มีสไตล์ CSS ของคุณ