Work with a partner to implement the following user story:
- As a developer, I want to use CSS to style my HTML page.
-
It's done when the HTML page has been linked with the external CSS style sheet.
-
It's done when
Section 1has a background color of purple and the text is yellow. -
It's done when
Section 2andSection 3have a background color of blue and the text is orange. -
It's done when the
containerhas a background color of black. -
It's done when
Section 4andSection 5have a text color of white. -
It's done when
Section 6has a text color of yellow. -
It's done when the finished page matches the mockup.
Refer to the documentation:
MDN Web Docs on getting started With CSS
The following image demonstrates the web application's appearance and functionality:
Completed Work:
How can we use the <link> element inside the <head> to connect the HTML to the CSS?
If you have completed this activity, work through the following challenge with your partner to further your knowledge:
- How can we use color to help make your website accessible to users? What color combinations should be avoided?
Use Google or another search engine to research this.
© 2023 edX Boot Camps LLC. Confidential and Proprietary. All Rights Reserved.
