Bird
Raised Fist0
CSSmarkup~5 mins

Inline, internal, and external CSS - Cheat Sheet & Quick Revision

Choose your learning style10 modes available
LearnWhyDeepRenderTryChallengeProjectRecallPerf

Start learning this pattern below

Jump into concepts and practice - no test required

or
Recommended
Test this pattern10 questions across easy, medium, and hard to know if this pattern is strong
Recall & Review
beginner
What is inline CSS?
Inline CSS is when you add style directly inside an HTML element using the style attribute. It affects only that element.
Click to reveal answer
beginner
How do you add internal CSS to a webpage?
Internal CSS is added inside a <style> tag within the <head> section of an HTML document. It styles the whole page.
Click to reveal answer
beginner
What is external CSS and why use it?
External CSS is a separate file with .css extension linked to the HTML using a <link> tag. It helps keep styles organized and reusable across pages.
Click to reveal answer
intermediate
Which CSS method has the highest priority when styles conflict: inline, internal, or external?
Inline CSS has the highest priority, then internal CSS, and external CSS has the lowest priority.
Click to reveal answer
beginner
Give a simple example of inline CSS to make a paragraph text red.
Example: <p style="color: red;">This text is red.</p>
Click to reveal answer
Where do you place internal CSS in an HTML document?
AInside the <head> section within a <style> tag
BInside the <body> section within a <script> tag
CDirectly inside an HTML element using style attribute
DIn a separate .css file linked with <link>