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

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

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

* {
	margin: 0;
	padding: 0;
}

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

<!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>

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