There are many ways to select HTML elements to apply CSS styles to. This video provides a review of simple selectors and also explores how to use attribute selectors.
- [Instructor] There are many different ways…to select HTML elements.…Let's start with a review of the basic selectors…covered in the first course of this series.…Type selectors are the most basic and generic selector.…They are used to match the HTML elements…by using the tag name.…Class and ID selectors can be used to apply styles…to any element, independent of the tag name.…They are both added to the opening HTML tag as an attribute.…You define the value.…The same class can be used one or more time per page,…but IDs can only be used once per page.…
You can also use multiple classes in one HTML element.…Separate the class name with a space in the HTML.…In the CSS, to target both selectors,…combine them without a space.…Multiple IDs cannot be used, but an ID and a class…can be contained in the same element.…For naming conventions, use descriptive names…that describe the purpose of the style.…Use underscores or dashes to separate words.…If you're using abbreviations,…use something that is fairly common.…
Any standard attribute in HTML can also be used…
- Reviewing CSS syntax
- Reviewing simple selectors and attribute selectors
- Using pseudo-class selectors and pseudo-element selectors
- Reviewing the CSS box model
- Adding a menu to your project
- Using float, display, and position
- Debugging CSS
- Resetting stylesheets
- Working with background images
- Exploring a mobile-first approach for responsive web design
- Creating flexible and fluid layouts
Skill Level Beginner
Building Responsive Forms with Flexboxwith James Williamson1h 19m Intermediate
1. CSS Selectors
3. Tips and Tools
4. Responsive and Mobile
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.