แท็ก style

แท็ก style ช่วยให้เขียน CSS ได้โดยตรง ภายในหน้า HTML โปรดทราบว่าเนื้อหาภายใน แท็ก style เราเขียนโดยต้องปฏิบัติตามไวยากรณ์ของ ภาษา CSS (ซีเลกเตอร์, เครื่องหมายปีกกา และอื่นๆ)

แท็กนี้ควรวางไว้ภายในแท็ก head แต่ไม่จำเป็นเสมอไป - แท็ก style สามารถวางไว้ภายในแท็ก body ก็ได้ และมันจะทำงาน

ไม่ควรใช้แท็ก style มากเกินไป - แทนที่จะใช้มัน บ่อยครั้งควรใช้ ไฟล์ CSS แยก แทน

ตัวอย่าง

ลองเขียน CSS ภายในโค้ด HTML ด้วย แท็ก style:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>นี่คือชื่อหน้าต่างเบราว์เซอร์</title>
		<style>
			p {
				color: red; 
			}
		 </style>
	</head>
	<body>
		<h1>นี่คือหัวข้อขนาดใหญ่สีมาตรฐาน (สีดำ)</h1>
		<p>นี่คือย่อหน้าสีแดง</p>
	</body>
</html>

ดูเพิ่มเติม

แท็ก link,
ซึ่งใช้เชื่อมต่อไฟล์ CSS
แอตทริบิวต์ style,
ซึ่งกำหนดสไตล์ให้กับแท็กเฉพาะ