Thử thách ôn tập số 1

Thuộc phần Tạo kiểu với CSS trong hành trình HTML của Coddy. Bài học 23 trên 76.

Thử thách

Dễ

Trong thử thách ôn tập đầu tiên này, bạn sẽ áp dụng kiến thức về các thuộc tính định dạng văn bản trong CSS để tạo lại một thiết kế cụ thể. Thử thách này sẽ kiểm tra khả năng kết hợp nhiều thuộc tính văn bản khác nhau của bạn, chẳng hạn như color, font-family, font-size, font-weight, text-align và text-decoration.

Bạn được cung cấp một tài liệu HTML có nhiều phần tử. Nhiệm vụ của bạn là áp dụng các thuộc tính khác nhau đã học trong phần này để định dạng các phần tử đó. Hãy làm theo các bước dưới đây:

Viết một quy tắc CSS áp dụng cho tất cả phần tử <h1>.
- Đặt màu thành xanh đậm.
- Đặt cỡ chữ thành 32px.
- Đặt độ đậm của phông chữ thành đậm.
- Căn giữa văn bản.
Viết một quy tắc CSS áp dụng cho tất cả phần tử có lớp intro-text.
- Đặt màu thành xám.
- Đặt họ phông chữ thành Arial, Helvetica, sans-serif;
- Đặt cỡ chữ thành 18px.
Viết một quy tắc CSS áp dụng cho tất cả phần tử <li>.
- Đặt độ đậm của phông chữ thành 600.
Viết một quy tắc CSS áp dụng cho tất cả phần tử <a>.
- Đặt kiểu trang trí văn bản thành none.
- Đặt phông chữ thành họ phông chữ bạn muốn dùng: "Times New Roman", Times, serif.

Tự làm thử

<html>
<head>
    <title>Recap Challenge #1</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>Discovering the Ocean</h1>
    <p class="intro-text">The ocean covers 70% of the Earth's surface and is full of life. It also helps regulate the planet's climate.</p>
    <h2>Marine Life</h2>
    <ul>
        <li>Whales</li>
        <li>Octopuses</li>
        <li>Coral Reefs</li>
    </ul>
    <p>Learn more at <a href="https://www.oceans.org" target="_blank">The Ocean Conservation Society</a>.</p>
</body>
</html>