[Solved] In Angular, what is the main difference between inline styles and external styles in a component? — Ans: Inline styles are defined inside the component decorator, external styles are... | Angular

Angular - Components

In Angular, what is the main difference between inline styles and external styles in a component?

AInline styles require importing CSS files, external styles do not.

BInline styles are global, external styles apply only to the component.

CInline styles are defined inside the component decorator, external styles are in separate CSS files.

DInline styles cannot use CSS selectors, external styles can.

Step-by-Step Solution

Solution:

Step 1: Understand inline styles location
Inline styles are written directly inside the component decorator using the styles property.
Step 2: Understand external styles location
External styles are placed in separate CSS files and linked using the styleUrls property in the component decorator.
Final Answer:
Inline styles are defined inside the component decorator, external styles are in separate CSS files. -> Option C
Quick Check:
Inline vs external styles location = A [OK]

Quick Trick: Inline styles go inside decorator, external in separate files [OK]

Common Mistakes:

Master "Components" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

In Angular, what is the main difference between inline styles and external styles in a component?