Angular TutorialLesson 28Free preview

Angular Styling

This lesson is part of Angular · All levels

Summary

Each Angular component can have its own CSS file so that the style remains isolated between the components. The view encapsulation feature controls how widely CSS is applied, such as emulated or none. You can also use the selector:host, binding class, and binding style directly from the template.

Key points

CSS components are written in the file referred to as styleUrls
View encapsulation default 'emulated' isolates the style per component
Selector:host targets the host element of the component
Binding and controlling the view of the data

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.