The HEAD area, where the TITLE and META tags are found, is also used to store CSS commands. These are called **embedded** CSS. Any embedded CSS command will over-ride an external CSS command of the same tag. Embedded commands are more specific to the page.

Embedded CSS codes are placed within the HEAD area of the page code. That is anywhere after the **\<HEAD\>** tag and before the **\</HEAD\>** tag. NOT in the HEAD tag itself.

<Code
  language="html"
  render={true}
  text={`<style type="text/css">

</style>`}
/>

* **STYLE**: Specifies a CSS area.
* **REL**: Specifies the CSS commands relate to text formatting.
* **TYPE**: comments out the CSS commands. This is a trick used to "hide" the codes from older browsers. If the code is not hidden, older browsers will print out the code onto the web page.

Most examples shown in the following CSS tutorial pages will be using the EMBEDDED style.

Learn about all about one of the most common ways of using CSS -- embedding the CSS in the head section of the HTML.

Embedded

Author

Table of Contents