Inline-CSS
Inline CSS
- It is a method of adding CSS (Cascading Style Sheets) directly to individual HTML elements using the style attribute.
- By using inline CSS we can style a specific element right within the HTML tag.
- It takes precedence over external stylesheets and internal styles defined in the document's <head> section.
Syntax:
<element style="property: value;">
- <element>: Indicates the HTML element.
- property: CSS property you want to apply.
- value: the value you want to assign to the property.
Key Point:
- Inline styles are defined within the "style" attribute of the relevant element.
- Inline CSS is best suited for small, isolated styling changes or for quick prototyping
Example:
<!DOCTYPE html>
<html>
<body>
<h1 style="color:blue;text-align:center;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
</body>
</html>
Output:
This is a heading
This is a paragraph.