1. CSS đã cho

• body { font-family: Arial, sans-serif; color: black; font-size: 16px; }
  → Toàn bộ trang web dùng font Arial, cỡ chữ 16px, màu chữ đen.
• h1 { font-size: 24px; color: blue; font-family: Time New Roman; }
  → Tiêu đề h1:
• • Font Time New Roman
  • Cỡ chữ 24px
  • Màu xanh
• p { font-size: 18px; color: green; }
  → Các đoạn văn p:
• • Cỡ chữ 18px
  • Màu xanh lá
• p.special { color: red; font-weight: bold; }
  → Đoạn văn có class special:
• • Màu đỏ
  • In đậm

2. HTML đã cho

<h1>Nội dung thẻ h1</h1>
<p>Nội dung đoạn văn 1</p>
<p class="special">Nội dung đoạn văn 2</p>

3. Kết quả hiển thị trên trang web

• Dòng “Nội dung thẻ h1”:
• • Font Time New Roman, cỡ 24px, màu xanh.
• Dòng “Nội dung đoạn văn 1”:
• • Font Arial, cỡ 18px, màu xanh lá.
• Dòng “Nội dung đoạn văn 2”:
• • Font Arial, cỡ 18px, màu đỏ, in đậm.

1. CSS đã cho

• body { font-family: Arial, sans-serif; color: black; font-size: 16px; }
  → Toàn bộ trang web dùng font Arial, cỡ chữ 16px, màu chữ đen.
• h1 { font-size: 24px; color: blue; font-family: Time New Roman; }
  → Tiêu đề h1:
• • Font Time New Roman
  • Cỡ chữ 24px
  • Màu xanh
• p { font-size: 18px; color: green; }
  → Các đoạn văn p:
• • Cỡ chữ 18px
  • Màu xanh lá
• p.special { color: red; font-weight: bold; }
  → Đoạn văn có class special:
• • Màu đỏ
  • In đậm

2. HTML đã cho

<h1>Nội dung thẻ h1</h1>
<p>Nội dung đoạn văn 1</p>
<p class="special">Nội dung đoạn văn 2</p>

3. Kết quả hiển thị trên trang web

• Dòng “Nội dung thẻ h1”:
• • Font Time New Roman, cỡ 24px, màu xanh.
• Dòng “Nội dung đoạn văn 1”:
• • Font Arial, cỡ 18px, màu xanh lá.
• Dòng “Nội dung đoạn văn 2”:
• • Font Arial, cỡ 18px, màu đỏ, in đậm.

1. CSS đã cho

• body { font-family: Arial, sans-serif; color: black; font-size: 16px; }
  → Toàn bộ trang web dùng font Arial, cỡ chữ 16px, màu chữ đen.
• h1 { font-size: 24px; color: blue; font-family: Time New Roman; }
  → Tiêu đề h1:
• • Font Time New Roman
  • Cỡ chữ 24px
  • Màu xanh
• p { font-size: 18px; color: green; }
  → Các đoạn văn p:
• • Cỡ chữ 18px
  • Màu xanh lá
• p.special { color: red; font-weight: bold; }
  → Đoạn văn có class special:
• • Màu đỏ
  • In đậm

2. HTML đã cho

<h1>Nội dung thẻ h1</h1>
<p>Nội dung đoạn văn 1</p>
<p class="special">Nội dung đoạn văn 2</p>

3. Kết quả hiển thị trên trang web

• Dòng “Nội dung thẻ h1”:
• • Font Time New Roman, cỡ 24px, màu xanh.
• Dòng “Nội dung đoạn văn 1”:
• • Font Arial, cỡ 18px, màu xanh lá.
• Dòng “Nội dung đoạn văn 2”:
• • Font Arial, cỡ 18px, màu đỏ, in đậm.

1. CSS đã cho

• body { font-family: Arial, sans-serif; color: black; font-size: 16px; }
  → Toàn bộ trang web dùng font Arial, cỡ chữ 16px, màu chữ đen.
• h1 { font-size: 24px; color: blue; font-family: Time New Roman; }
  → Tiêu đề h1:
• • Font Time New Roman
  • Cỡ chữ 24px
  • Màu xanh
• p { font-size: 18px; color: green; }
  → Các đoạn văn p:
• • Cỡ chữ 18px
  • Màu xanh lá
• p.special { color: red; font-weight: bold; }
  → Đoạn văn có class special:
• • Màu đỏ
  • In đậm

2. HTML đã cho

<h1>Nội dung thẻ h1</h1>
<p>Nội dung đoạn văn 1</p>
<p class="special">Nội dung đoạn văn 2</p>

3. Kết quả hiển thị trên trang web

• Dòng “Nội dung thẻ h1”:
• • Font Time New Roman, cỡ 24px, màu xanh.
• Dòng “Nội dung đoạn văn 1”:
• • Font Arial, cỡ 18px, màu xanh lá.
• Dòng “Nội dung đoạn văn 2”:
• • Font Arial, cỡ 18px, màu đỏ, in đậm.