This simulator helps you understand the three types of CSS styling:
- Inline CSS: Styling applied directly within an element’s
style attribute.
- Internal CSS: Styling within a <style> tag inside the HTML document’s <head>.
- External CSS: Styling from an external stylesheet file linked to the HTML.
Select a styling type from the dropdown to see how it affects the text below. You can also modify the CSS and apply it live!