การปรับแต่งแท็ก HTML ด้วยกฎ CSS - ตัวเลือก HTML
หนึ่งในเหตุผลที่ CSS ได้รับความนิยมอย่างมากก็คือความสามารถรอบตัวที่มอบให้กับแท็ก HTML แม้ว่าคุณจะไม่สามารถ "ปิด" การควบคุมในตัวของแท็กได้ แต่คุณสามารถเพิ่มการควบคุมเพิ่มเติมลงในแท็ก HTML เพื่อขยายประโยชน์ของมัน คุณทำได้โดยการเพิ่มคำจำกัดความของ CSS ใหม่ลงในตัวเลือกแท็ก มาใช้ HTML กัน

แท็กสำหรับตัวอย่างของเราและเราจะเพิ่มสีพื้นหลังหน้าตัวอักษรขนาดตัวอักษรและการควบคุมสีข้อความไปที่

แท็ก สิ่งนี้จะทำให้ทุกอย่างระหว่างการเปิดและปิด

แท็กที่จะควบคุมโดยคำจำกัดความใหม่ของเราทั่วหน้าเว็บ

p {
สีพื้นหลัง: # 000000;
ตระกูลฟอนต์: arial;
ขนาดตัวอักษร: 12px;
สี: #ffffff;
}

ในตัวอย่างของเรากฎ CSS เริ่มต้นด้วยตัวเลือก HTML (p) ซึ่งตามด้วยบล็อกการประกาศ CSS ที่มีคำจำกัดความของคุณสมบัติค่าทั้งหมดที่เราต้องการเพิ่ม ตามปกติคำจำกัดความแต่ละคำขึ้นต้นด้วยคุณสมบัติตามด้วยเครื่องหมายโคลอนค่าและลงท้ายด้วยเครื่องหมายอัฒภาค บล็อกทั้งหมดถูกวางไว้ภายในวงเล็บปีกกา มีบางสิ่งที่ต้องจำเมื่อเขียนกฎ CSS ของคุณเองสำหรับแท็ก HTML

  • คุณสามารถวางกฎ CSS ที่กำหนดเองของคุณไว้ในแท็กในส่วนหัวของหน้าเว็บของคุณ

  • คุณสามารถวางกฎ CSS ที่กำหนดเองของคุณในไฟล์ CSS ภายนอก

  • นิยาม CSS ที่กำหนดเองที่คุณเพิ่มให้กับตัวเลือกแท็กเฉพาะต้องมีคุณสมบัติที่สามารถควบคุมได้ด้วยแท็กนั้น

  • เนื่องจากคุณวางกฎที่กำหนดเองไว้ในส่วนหัวหรือไฟล์ CSS ภายนอกมันจะมีผลกับหน้าเว็บทั้งหมด หากคุณต้องการควบคุมแท็ก HTML หนึ่งแท็ก (เช่นอินสแตนซ์พิเศษของแท็ก) คุณจะใช้สไตล์อินไลน์กับแท็กแต่ละแท็กนั้น

  • แท็กจะเก็บคุณสมบัติในตัวของแท็ก HTML นั้นไว้ ตัวอย่างเช่น HTML แท็กตัวหนาจะยังคงใช้ตัวหนาที่มีผลต่อข้อความที่วางระหว่างการเปิดและปิด แท็ก