Internal CSS
Internal CSS is written inside a <style> tag placed in the <head>. It applies to the current page only.
Good for single-page projects or page-specific overrides, but external CSS is better for multi-page sites.
HTML
Beginner
4 min read
Internal CSS with the style Tag
Example
<head>
<style>
body { font-family: Arial, sans-serif; }
h1 { color: #333; }
.card { border: 1px solid #ddd; padding: 16px; border-radius: 4px; }
</style>
</head> Pro Tip
Move internal styles to an external file once the stylesheet grows beyond a few rules.