CSS - Positioning

Instructors: Jess, Carmen, and Eda

Positioning

Before this session, please:

• Read Understanding How to Work with Floats and Positioning in CSS: What Are Common Use Cases for Using Floats, and How Do They Work? and take notes
• Read Understanding How to Work with Floats and Positioning in CSS: What Is Relative Positioning, and How Does This Differ from the Default Static Positioning? and take notes
• Read Understanding How to Work with Floats and Positioning in CSS: What Is Absolute Positioning, and How Does It Work? and take notes
• Read Understanding How to Work with Floats and Positioning in CSS: What Is Fixed and Sticky Positioning, and How Does It Differ from Absolute Positioning? and take notes
• Read Understanding How to Work with Floats and Positioning in CSS: What Is the Z-Index Property, and How Does It Work to Control the Stacking of Positioned Elements? and take notes
• Try and complete as many steps from Build a Cat Painting as possible before class, you may need to complete solo over the next few days
• Complete Build a House Painting solo over the next few days.
• Read CSS Positioning Review and take notes
• Complete CSS Positioning Quiz solo to test your knowledge of positioning in CSS

During this session, we’ll:

• Review notes
• Review notes
• Review notes
• Review notes
• Review notes
• We’ll cover key steps and concepts from Build a Cat Painting together
• We’ll briefly talk through this lab, but trust you to complete Build a House Painting creatively on your own over the next few days
• Review notes

After this session, please:

• Read Working with Attribute Selectors: What Is the Attribute Selector, and How Can It Be Used to Target Links with the href and title Attributes? and take notes
• Read Working with Attribute Selectors: How to Use the Attribute Selector to Target Elements with the lang and data-lang Attributes? and take notes
• Read Working with Attribute Selectors: How to Use the Attribute Selector to Target Ordered List Elements with the type Attribute? and take notes
• Try and complete as many steps from Build a Balance Sheet as possible before class, you may need to complete solo over the next few days
• Read CSS Attribute Selectors Review and take notes
• Complete CSS Attribute Selectors Quiz solo to test your knowledge of CSS selectors
• You’ll complete Build a Book Inventory App solo over the next few days or weeks. Certification projects can be a great way to build your portfolio, so we encourage you to come back and improve these as your skills improve