CSS - Absolute and Relative Units
Instructors: Jess, Carmen, and Eda
Absolute and Relative Units
Before this session, please:
- Read Working with Relative and Absolute Units: What Are Absolute Units in CSS, and When Should You Use Them? and take notes
- Read Working with Relative and Absolute Units: What Are Percentages in CSS, and When Should You Use Them? and take notes
- Read Working with Relative and Absolute Units: What Are ems and rems in CSS, and When Should You Use Them? and take notes
- Read Working with Relative and Absolute Units: What Are vh and vw Units, and When Should You Use Them? and take notes
- Read Working with Relative and Absolute Units: What Is the calc() Function, and How Does It Work? and take notes
- Complete Build an Event Flyer Page solo over the next few days. It would be wonderful to see learners creating flyers for events on topics they’re interested in.
- Read CSS Relative and Absolute Units Review and take notes
- Complete CSS Relative and Absolute Units Quiz solo to test your understaing of CSS units
During this session, we’ll:
- Review notes
- Review notes
- Review notes
- Review notes
- Review notes
- Review notes
- We’ll look at CSS Relative and Absolute Units Review together to prepare you to complete this solo over the next few days
After this session, please:
- Read Working with Pseudo-Classes and Pseudo-Elements in CSS: What Are Pseudo-classes, and How Do They Work? and take notes
- Read Working with Pseudo-Classes and Pseudo-Elements in CSS: What Are Examples of Element User Action Pseudo-classes? and take notes
- Read Working with Pseudo-Classes and Pseudo-Elements in CSS: What Are Examples of Input Pseudo-classes? and take notes
- Read Working with Pseudo-Classes and Pseudo-Elements in CSS: What Are Examples of Location Pseudo-classes? and take notes
- Read Working with Pseudo-Classes and Pseudo-Elements in CSS: What Are Examples of Tree-structural Pseudo-classes? and take notes
- Read Working with Pseudo-Classes and Pseudo-Elements in CSS: What Are Examples of Functional Pseudo-classes? and take notes
- Read Working with Pseudo-Classes and Pseudo-Elements in CSS: What Are Pseudo-elements, and How Do They Work? and take notes
- Work though steps from Design a Greeting Card solo, recording your questions and new topics being introduced