<style>: The HTML Style Element
1 Description
The HTML <style>
element is used to hold CSS styling
instructions which the web browser may use to alter the appearance of the web page.
The <style>
element must be a child of the <head>
element.
Generally speaking it is better to put CSS styling instructions in a separate file and
use the link element to bring the CSS styling instructions into your web page, rather than
embed them directly into the webpage with the <style>
element.
2 Examples
<!DOCTYPE html>
<html>
<head>
<title>CSS Styling Example</title>
<style>
h1 {
font-weight: bold;
color: red;
}
p {
background-color: blue;
color: red;
}
</style>
</head>
<body>
<h1>CSS Styling example</h1>
<p>The appearance of this web page will be controlled via CSS.</p>
</body>
</html>
This document was last updated: