General
9 Step Tutor
Embedded Style Sheets
Embedded style sheets are placed in the head section of the HTML page within a set of style tags.
If you want them to override linked style sheet settings they should be placed after the line of code that designates the linked style sheet document.
<head>
<link rel="stylesheet" href="style-div.css" type="text/css">
<style>
I'm an Embedded Style Sheet
</style>
</head>
Since embedded style sheets add to the size of your pages they should only be used when standard settings defined by your linked style sheets are not desired.
You should also use embedded style sheets in mobile exclusive sites.
Example Code:
<head>
<style>
body { background-color: #ffffff
}
p {
font-family: Arial, sans-serif ;
font-size : 20px
}
h2 {
font-family: Arial, serif ;
font-size : 28px
}
</style>
</head>
We use an embedded Stylesheet in or 9 Step tutor to build myfirstpage.html.