quinta-feira, 26 de março de 2015

As 3 formas de inserir CSS em uma página web

Para você que está começando o seu desenvolvimento web, lendo no tópico anterior expliquei sobre CSS (estilos), agora devemos saber como inserir eles dentro do nosso HTML.

1 - CSS diretamente nas tags HTML

Ex: <p style="color:#B000FF;">CSS dentro das tags HTML</p>

Essa forma seria a menos recomendada, pois deixamos o conteúdo HTML e CSS misturados. Aconselho usar em último caso ou para realizar testes.

2 - CSS dentro do Head de sua página

Ex: <head>
      <style type="text/css">
.texto {color:#B000FF;}
      </style>
      </head>

Essa forma utilizamos classes ou ids para dar estilo a nossa página, inserindo o CSS denro do Head de nossa página.

3 - CSS dentro do Head de sua página vindo de um arquivo externo <link>

Ex: <head>
        <link rel=”stylesheet” type=”text/css” href=”estilo.css” />
      </head>

Essa é a forma mais recomendada, pois o nosso CSS fica em um arquivo externo, caso queira fazer a manutenção, não precisamos utilizar o arquivo HTML.

Espero ter ajudado, qualquer dúvida comente, até o próximo post.


Nenhum comentário:

Postar um comentário