Document Styles

  • Document style simply combine a lot of styles in one place on the document located in the head tag.

<head>

<style type="text/css">

.funkyCoral {

font-family: Comic Sans MS, fantasy;
font-size: 24px;
font-weight: bold;
color: #FFCC66;

}

h1 {

font-family: Arial, Helvetica, Sans-Serif;
font-size: 48px;
font-weight: bold;
font-style: italic;
background-color: #FFDEAD;
color: Green;

}


</style>

</head>

<body>

<p class="funkyYellow">TEST</p>

<h1>TEST</h1>

</body>