CSS tags are also known as elements or selectors. They have a basic layout very similar to regular HTML tags.

Regular HTML tag
<Code
 language="css"
 render={true}
 text={`<tag property="value">`}
/>

CSS command tag	element
<Code
 language="css"
 render={true}
 text={`{property: value;}`}
/>

One of the main differences is the use of the **\{ \}** brackets instead of the **\< \>** brackets.

The **ELEMENT** can be a normal HTML **tag**, an **id**, or a **class**.

The **PROPERTY** and **VALUE** are the same form as the HTML tags.

## Tag Elements

Tag elements are very similar to regular HTML tags. Here is an example showing some regular text being formatted in a red color :

HTML
<Code
 language="html"
 render={true}
 text={`
 
 Red Text
 
`}
/>

HTML4 n CSS
<Code
 language="html"
 render={true}
 text={`
 More Red Text
`}
/>

The outcome is the same. The above example shows how to use the **inline** style CSS, where the command is actually **part of** a normal HTML tag. That will help on individual instances, but when you want **ALL** the text within all \<p\> area to be red, you can use the **embedded** style CSS. This places the CSS command into the HEAD area of the code.

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

</style>`}
/>

BODY area
<Code
 language="html"
 render={true}
 text={` Yet again 
Not here
 and again `}
/>

All of the text within the \<p\> tags on that page will be affected by the CSS command, making them red. Any text outside of a \<p\> area will not be affected.

Learn about how you can add CSS styles directly in your HTML elements with the style property.

Tag Style

Author

Tag Elements

Table of Contents