There are many ways to select an element to apply CSS styles. In this video, learn about how to use advanced attribute selectors to match specific patterns.
- [Teacher] In HTML, an attribute…is used to provide additional information…such as the location of an image file in an image tag…or to define characteristics of an element…such as different form input types.…They usually follow the format…of attribute name equals the value,…contained in single or double quotes.…The values may very depending on the attribute…and there are also some exceptions where the attribute…can be used with or without a value.…There are two attributes…that are commonly associated with CSS,…ids and classes.…
Ids and classes are a little different…from all the other attributes.…They each have their own specific CSS syntax.…Classes are defined with a leading period…followed by the class name,…and ids use a leading number sign,…followed by the id name.…However, any attribute can be used as a CSS selector.…Aside from class and id,…all other attributes follow the syntax…when used as a CSS selector.…The attribute name enclosed in square brackets…with or without a value.…Let's take a look at an example.…
- Designing with a grid
- Working with a flexbox
- Retina and high-density displays
- Raster and vector graphics
- Retina and images
- Animation and shapes
- CSS3 keyframes and animation
- CSS shapes
- CSS shape functions
- Responsive typography
- Fluid typography
- Accessibility and ARIA
- Style guides for CSS
Skill Level Intermediate
2. Retina Displays and Images
3. Animation and Shapes
4. Tools and Tips
- 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.