Incluindo CSS na página

Existem três formas para incluir o código CSS em seu projeto


Inline

A primeira forma de aplicar CSS a uma página é utilizando o atributo style em elementos do HTML:
    

  1. <p style="color: blue">Parágrafo com fonte azul.</p>
    2. 

  2. <p>Esse outro parágrafo não é azul, a não ser que
    3. 

  3. exista <span style="color: red">CSS em outro lugar</span>.</p>
    4.

Interno

A segunda forma é utilizar a tag style dentro do head da página HTML:
    

  1. <head>
    2. 

  2.   <style type="text/css">
    3. 

  3.     seletor { propriedade: valor; }
    4. 

  4.   </style>
    5. 

  5. </head>
    6.

Externo

E a última - porém a mais utilizada - maneira de aplicar CSS é criar um ou mais arquivos com extensão .css e incluí-los na estrutura head do HTML:
    

  1. <head>
    2. 

  2.   <link rel="stylesheet" type="text/css" href="reset.css">
    3. 

  3.   <link rel="stylesheet" type="text/css" href="styles.css">
    4. 

  4. </head>
    5.

Postagens mais visitadas