Existem 3 tipos de estilo CSS: inline, interno e externo.

Além disso, para fazer comentários, usa-se a estrutura /* */.

📍 Inline style


Considerado o pior dos três, uma vez que não permite reaproveitamento de código.

O estilo é aplicado direta e individualmente em cada elemento HTML.

Por exemplo:

image.png

🪅 Internal style


O estilo é colocado na <head> do documento HTML, dentro de um elemento <style>.

Há maior reaproveitamento de código, uma vez que vários elementos de um documento poderão utilizar um mesmo estilo, mas não se reaproveita código entre documentos diferentes.

Por exemplo:

Nesse caso, todos os parágrafos do documento terão o estilo especificado dentro da tag .

Nesse caso, todos os parágrafos do documento terão o estilo especificado dentro da tag <style>.

🦋 External style