How to use HTML Internal CSS

An internal CSS is used to define a style for a single HTML page.

An internal CSS is defined in the <head> section of an HTML page, within a <style> element.

Full Example of HTML Internal CSS

The following example sets the text color of ALL the <h1> elements (on that page) to blue, and the text color of ALL the <p> elements to red. In addition, the page will be displayed with a "powderblue" background color:

index.html

Example: HTML


<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

Output should be:

HTML CSS	HTML CSS
How to use CSS	HTML CSS
How to use HTML Inline CSS	HTML CSS
How to use HTML Internal CSS	HTML CSS
How to use HTML External CSS	HTML CSS
How to create HTML CSS Colors, Fonts and Sizes	HTML CSS

Single Articles

Full Example of HTML Internal CSS

HTML CSS

Category :	Web Tutorial
Sub Category :	HTML CSS
Uploaded by :	Admin

Read Article

https://horje.com/learn/1434/reference