In this video, learn how to use common CSS selectors in the style code for a component and how that is made possible with the Emulated view encapsulation mode.
and target markup within the component template. … by styling a component in the app. … to use a new component named Category List Component. … The markup that was in the media item list … by the new category list component. … as that is outside the scope of this course. … selectors map up with the component template mark up, … and how Angular allows us to write components scoped CSS. … Okay, this category list component will render out … a span tag for each category name. … We can create a new CSS selector … in the style string named Span. … And let's give it some style rules. … We want these category labels to line up left to right, … so we'll give them a display property of inline block. … And let's use some margin values to space them out. … A margin right of four pixels and a margin bottom … of four pixels in case they wrap … into a new line in the display. … and not have to worry about this style … affecting every span element in the final document output, … because Angular will be applying the shin in emulated mode, …
- What is Angular?
- Working with components
- Binding events and properties
- Getting data to components
- Using directives and pipes
- Creating Angular forms
- Validating form data
- How Angular does dependency injection
- Making HTTP calls
- Styling components
Skill Level Intermediate
Angular: Building an Interfacewith Ray Villalobos2h 20m Intermediate
1. Architecture Overview
3. Directives and Pipes
5. Dependency Injection and Services
8. Styling Components
Next steps1m 20s
- 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.