Embedded Style

What is Embedded CSS Style ?


Embedded CSS or Embedded styles provide design instructions for how the web page should look. Embedded styles consist of CSS code. CSS (Cascading Style Sheets) is a stylesheet language used to specify the details of document designs written in HTML or XML. You place CSS code within a <style> tag to create embedded styles.

Embedded styles are included within the <head> section. All design instructions for the HTML document, like font, colour, or layout, are included within the <style> tag, so it’s easy to make changes as all the details are grouped in one place. This applies to the whole HTML document, unlike inline styles, which are used to style individual HTML elements or external styles, which are separate CSS documents linked to HTML that apply styles across multiple documents. Embedded styles are favourable for simple, small, or single-page websites.

Here is a demo of writing in an embedded style,
<style>

  body { font-family: Arial, sans-serif; }

</style>