Specifying CSS Box Model Element Properties
Lab Steps
- Stay within resource usage requirements.
- Do not engage in or encourage activity that is illegal.
- Do not engage in cryptocurrency mining.
- View the detailed terms of use here
Ready for the real environment experience?
DifficultyIntermediate
Time Limit45m
Students11
Description
The CSS box model is used to control the layout and position of HTML elements.
In this lab, you will see the different properties available in the CSS box model.
Learning Objectives
Upon completion of this beginner level lab, you will be able to:
- Set the size of a division element
- Set the margin, padding, and border of an HTML element
- Set the display CSS property to various values
Intended Audience
- Beginners learning front-end development
- Software Engineers who need to learn front-end technologies to expand their skillset
Prerequisites
Familiarity with the following will be beneficial but is not required:
- Cascading Style Sheets (CSS)
- Hypertext Markup Language (HTML)
The following content can be used to fulfill the prerequisite:
About the Author
Students50756
Labs127
Courses2
Learning paths3
Andrew is a Labs Developer with previous experience in the Internet Service Provider, Audio Streaming, and CryptoCurrency industries. He has also been a DevOps Engineer and enjoys working with CI/CD and Kubernetes.
He holds multiple AWS certifications including Solutions Architect Associate and Professional.