HTML CSS
HTML Styles with CSS refer to how you visually format and design HTML elements using CSS (Cascading Style Sheets). CSS allows you to control the appearance of content — such as colors, fonts, spacing, and layout — separately from the structure of the HTML itself.
There are three main types of CSS used to style HTML: Inline, Internal, and External. Each has its own use case depending on how and where you want to apply styles.
Types of CSS
1. Inline CSS
Definition: CSS is written directly inside an HTML element using the style attribute.
Example:
Output
✅ Used for quick, one-time styling of individual elements.
2. Internal CSS
Definition: CSS is placed within a <style> tag inside the <head> of the HTML document.
Example:
Output
✅ Useful for applying styles to a single HTML file.
3. External CSS
Definition: CSS is written in a separate .css file and linked to the HTML document using <link>.
Example:
HTML (index.html):
Output
CSS (styles.css):
Output
✅ Best for styling multiple pages and maintaining clean code.
