A CSS inline é a forma mais antiga, ainda do tempo da utilização das tabelas como elemento de estrutura do HTML. Neste caso a definição é escrita juntamente com o código HTML.
<p style="text-align: left"> texto bla bla bla</p>
A declaração é escrita justamente com o código HTML. Poderá ser de alguma utilidade em algumas situações especificas, mas é uma técnica em desuso e não recomendada.
Desta forma colocamos o código dentro da HEAD da página HTML<head></head> a que queremos aplicar a CSS.
<head>
<style type="text/css">
<!--
body{
margin: 0;
padding: 0;
text-align: center;
background-color: #333333;
}
-->
</style>
</head>
Com este método os estilos são aplicados só à página onde estão colocados.
Não é uma boa solução para aplicar a um site, dado que se quisermos mudar a CSS temos que mudar página a página.
Podemos migrar a CSS embebida para uma CSS externa existente ou nova. Para isso clicámos com o botão direito do rato sobre CSS no painel CSS e escolhemos move. É-nos dada a opção de migrar a CSS para uma existente, caso haja, ou para um documento CSS novo.
O ficheiro .css é criado externamente ao HTML . Só temos que fazer a ligação do CSS ao HTML com um link na head.
<head>
<link rel="stylesheet" type="text/css" href="…/css/nomedoficheiro.css"/>
Ou podemos fazer a importação do ficheiro CSS
<style type="text/css">@import url (http://...../.css)</style>
Qualquer destes métodos é realizado colocando a instrução de link ou importação na head do HTML.
Usando um ficheiro externo todas as páginas HTML ligam-se a um ficheiro CSS. Isto significa que, se for preciso alterar formatação do site só temos que alterar um ficheiro CSS, e não mudar todas as páginas HTML, uma a uma.
Logo:
- A manutenção é mais fácil;
- O tamanho é reduzido;
- A largura de banda é reduzida;
- A flexibilidade é melhorada.
A forma mais usada é a CSS externa. No entanto, é possível ter num mesmo documento HTML as três formas, ou seja, inline, embebida e externa. É, no entanto, preciso ter em atenção a ordem de leituras dos vários estilos e a implicação que têm uns com os outros.