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

Build a Newspaper Article

**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab. **User Stories:** 1. You should set the root `font-size` of your HTML document to `24px`. 1. You should have an element with a class of `newspaper` that contains all your other elements. 1. Your `.newspaper` element should have a `font-size` of `16px` and a font of `Open Sans` with a fallback font of `sans-serif`. 1. Within your `.newspaper` element, you should have at least seven more elements: one for the newspaper name that has a class of `name`, one for the date of the article with a class of `date`, one for the headline with a class of `headline`, one for the sub-headline with a class of `sub-headline`, one for the author with a class of `author`, and two paragraphs each with a class of `text`. All of these elements should be filled with your article information. 1. Your `.name` element should have a `font-size` that is twice the root element's `font-size` and should use the `Times New Roman` font, with a fallback font of `serif`. 1. Your `.name` and `.author` elements should use CSS to make all their characters uppercase. 1. Your `.headline` element should have a `font-size` that is twice its parent element's `font-size` and should be bold. 1. Your `.sub-headline` element should have a `font-weight` of `100`, a `font-size` that is `1.5` times its parent element's `font-size`, and should be italicized. 1. Your `.author` should use CSS to make it bold. 1. Your `.text` elements should have a `text-indent` of `20px`. 1. Your `.text` elements should have a `line-height` that is twice their parent element's `font-size`. 1. The first letter of your `.text` elements should be bold and twice the size of their parent element's `font-size`. Use the `::first-letter` selector for this.
Vượt qua bài kiểm tra hiện tại để mở khóa bài tiếp theo.
main.rs
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.