Horje
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:

Full Example of HTML Internal CSS





Related Articles
What is 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 CSSHTML CSS

Read Full:
HTML CSS
Category:
Web Tutorial
Sub Category:
HTML CSS
Uploaded:
1 year ago
Uploaded by:
Admin
Views:
57


Reffered: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_css_internal

Share on: