แท็ก style

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

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

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

ตัวอย่าง

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

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

ดูเพิ่มเติม