Vùng chứa

Bài học 3 trên 18 trong khóa học Dự án mây chuyển động với HTML/CSS/JS của Coddy.

Trong suốt khóa học này, bạn cũng sẽ có cơ hội tự tạo kiểu cho một số yếu tố. Bây giờ, chúng ta sẽ tạo bầu trời để những đám mây xuất hiện trên đó. Hãy chọn màu bạn thích cho bầu trời nhé!

Thử thách

Dễ

Trong tệp HTML, tạo một div bên trong thẻ body với id "container".

div này sẽ là vùng chứa tất cả các đám mây, "The sky".

Trong tệp CSS, nhắm đến vùng chứa này và đặt:

height thành 100vh (vh = View height)
position thành relative
màu nền bạn chọn (hãy nhớ, đây là bầu trời!)
overflow thành hidden

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>