All Tracks/lab house painting/
Đang tải...
Hướng dẫn thử thách
1 / 1

Build a House Painting

In this lab, you will use HTML to create the structure of a house. Then, you will use CSS positioning to arrange the elements of your house like windows and doors. **Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab. **User Stories:** 1. You should have a `div` with an `id` of `house`. 1. Your `#house` should have a `position` set to `relative` so its children can be positioned with respect to it. 1. Your `#house` should have a width of `500px` and a height of `400px`. Do not set minimum or maximum values. 1. Your `#house` should have a background color and a border set. 1. You should have five `div` elements inside `#house` with the following `id` values: `chimney`, `roof`, `window-1`, `window-2`, and `door`. 1. All of the immediate children of the `#house` should have a `position` of `absolute`. 1. `#roof`, `#chimney`, `#window-1`, `#window-2`, and `#door` should have a width, height, border, and background color set. 1. Your `#roof` should have a top value of `0`. 1. Your `#door` should be placed at the bottom of your house. 1. Your windows should be placed below your `#roof` and at least higher than one third of your `#door`'s height. 1. Both your windows and your door should have either `left` or `right` set to a value that places them within the house borders. 1. Your `#chimney` should have a top value that puts it at the top of your `#house`. 1. Your `#chimney` should have a `z-index` that puts it behind the house. **Note:** Be sure to link your stylesheet in your HTML to apply your CSS.
Vượt qua bài kiểm tra hiện tại để mở khóa bài tiếp theo.
main.html
UTF-8 • Tab Size: 2Kiểm tra bài:⌘↵
Test Output
Thử thách này không có bài test tự động. Hãy quan sát kết quả trực tiếp ở khung Preview.