Menu
CoddyTech
Bắt đầu học

Nav

Bài học 9 trên 19 trong khóa học Bản sao trang đăng nhập Netflix | Dự án front-end của Coddy.

challenge icon

Thử thách

Dễ

Nhắm đến nav:

  1. Đặt position thành fixed.
  2. Đặt padding thành 25 pixel ở phía trên và dưới, và 30 pixel ở bên phải và trái.

Nhắm đến hình ảnh trong nav, đặt width thành 75px và thêm display: block;

Tự làm thử

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Viết code HTML ở đây -->
        <script src="script.js"></script>
    </body>
</html>

Tất cả bài học trong Bản sao trang đăng nhập Netflix | Dự án front-end

1Giới thiệu

Bạn sẽ tạo ra gì?

4CSS - II

NútBài học dự ánThay đổi nútBài học dự ánTô màu thêmBài học dự ánPhần dướiBài học dự án

2HTML

Thiết lập tiêu đề và phần baoTrường nhập liệu trong biểu mẫu IBài học dự ánTrường nhập liệu trong biểu mẫu IIBài học dự ánNútBài học dự ánVăn bảnBài học dự ánHoàn thiện HTMLBài học dự án

3CSS - I

Thẻ phổ quátBài học dự ánNavBài học dự ánLớp bao biểu mẫuBài học dự ánWrapper h2 và formBài học dự ánLớp điều khiển biểu mẫuBài học dự ánInputBài học dự ánLabelBài học dự ánHiệu ứng dịch chuyển khi focusBài học dự án

Tự luyện tập: Playground Web