วิธีเพิ่มกฎ CSS ลงในเอกสาร HTML ด้วยแท็ก style

Internal CSS: วางกฎสไตล์ภายในแท็ก <style>

คุณสามารถวางกฎ CSS ลงในเอกสาร HTML ได้โดยใช้แอลิเมนต์ <style> แท็กนี้จะถูกวางไว้ภายในแท็ก <head>...</head> กฎที่กำหนดด้วยวิธีนี้จะถูกนำไปใช้กับองค์ประกอบทั้งหมดในเอกสาร

ตัวอย่าง

<!DOCTYPE html>
<html>
  <head>
    <style media="all">
      body {
        background-color: linen;
      }
      h1 {
        color: maroon;
        margin-left: 40px;
      }
    </style>
  </head>
  <body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
  </body>
</html>

ในตัวอย่างนี้ พื้นหลังของหน้าเว็บจะเป็นสี linen ส่วนหัวข้อ h1 จะเป็นสี maroon และมีระยะห่างจากขอบซ้าย 40px