CSS - Attribute Selectors
Livestream status
We are currently offline.
If the stream has started, you can watch it directly on YouTube. We add the recording to this page after class.
Open live stream on YouTubeInstructors: Jess, Carmen, and Eda
Attribute Selectors
Before 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
During this session, we’ll:
- Review notes
- Review notes
- Review notes
- We’ll cover core steps and topics from Build a Balance Sheet to review them together
- Review notes
- We’ll talk through Build a Book Inventory App together to explore different ways you could approach this certification project
After this session, please:
- Read Best Practices for Responsive Design: What Is Responsive Web Design, and What Is Its Relationship to Tools Like CSS Grid and Flexbox? and take notes
- Read Best Practices for Responsive Design: How Do Media Queries Work, and What Are Some Common Media Types and Features? and take notes
- Read Best Practices for Responsive Design: What Are Media Breakpoints, and What Are Common Breakpoints in Modern Design? and take notes
- Read Best Practices for Responsive Design: What Is the Mobile First Approach in Responsive Web Design? and take notes
- Try to complete the steps from Design a Piano before class
- Read Responsive Web Design Review and take notes
- Complete Responsive Web Design Quiz solo to test your knowledge of responsive web design
- Plan and complete Build a Technical Documentation Page over the next days or weeks