<?xml version="1.0" encoding="utf-8"?>

Internal CSS

Internal CSS

As the name suggests, an internal stylesheet sits inside the HTML document in the <head> section. You write down all styling rules inside the <style> element, which requires closing.

This type of applied style is pretty rare and works only if you need to add some unique properties to a single page. For websites with multiple pages, you'll be exhausted inserting the uniform internal stylesheet to every single page, not to mention changing one tiny piece of code in styling.

Improve your UX & Product skills with interactive courses that actually work