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:
<p style="color: blue">Parágrafo com fonte azul.</p> <p>Esse outro parágrafo não é azul, a não ser que exista <span style="color: red">CSS em outro lugar</span>.</p>
Interno
A segunda forma é utilizar a tag style
dentro do head
da página HTML:
<head> <style type="text/css"> seletor { propriedade: valor; } </style> </head>
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:
<head> <link rel="stylesheet" type="text/css" href="reset.css"> <link rel="stylesheet" type="text/css" href="styles.css"> </head>