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 settings they should be placed after the line of code that accesses the linked style sheet file.

<head>
<link rel="stylesheet" href="style-div.css" type="text/css">
<style type="text/css">
</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 type="text/css">
body {
background: #ffff00
}

p {
font-family: Arial, sans-serif ;
font-size : 16px
}

h2 {
font-family: Arial Black, serif ;
font-size : 20px
}

</style>
</head>