.custom-style {

border: 2px solid #FFA500; /* Viền nét liền màu cam */

font-weight: bold; /* Chữ đậm */

color: #000000; /* Chữ đen */

font-size: 30px; /* 15px * 2 = 30px */

}

• .custom-style: Tên lớp (bạn có thể thay đổi tên này).
• border: Gộp độ dày, kiểu (solid) và màu sắc vào một dòng.
• font-size: Tính toán trực tiếp giá trị gấp đôi (15px x 2 = 30px)

• <h4 class="bg">Thẻ h4.1</h4>
• • Là thẻ h4 nên mặc định có kiểu chữ nghiêng (italic), màu chữ đỏ, nền xám.
  • Nhưng vì có thêm class .bg nên nền bị ghi đè thành vàng.
  • Kết quả: Dòng chữ “Thẻ h4.1” hiển thị chữ đỏ, nghiêng, nền vàng.
• <h4 id="p1">Thẻ h4.2</h4>
• • Thẻ h4 có CSS chung: chữ nghiêng, màu đỏ, nền xám.
  • Nhưng gắn thêm id="p1" → áp dụng CSS của #p1: font Arial, cỡ chữ 35px, màu xanh lá.
  • Vì id có độ ưu tiên cao hơn nên màu chữ xanh lá, font Arial, size 35px, chữ nghiêng, nền xám.
  • Kết quả: Dòng chữ “Thẻ h4.2” hiển thị xanh lá, nghiêng, nền xám, chữ to (35px).
• <p id="p1">Thẻ p1</p>
• • Đây là thẻ p với id="p1".
  • CSS áp dụng: font Arial, cỡ chữ 35px, màu xanh lá.
  • Không có nền đặc biệt.
  • Kết quả: Dòng chữ “Thẻ p1” hiển thị xanh lá, font Arial, chữ to (35px).
• <p id="p2">Thẻ p2</p>
• • Đây là thẻ p với id="p2".
  • CSS áp dụng: font Quicksand, chữ đậm (bold), màu đỏ.
  • Kết quả: Dòng chữ “Thẻ p2” hiển thị đỏ, đậm, font Quicksand.