As três maneiras de trabalhar com CSS
Fala galera, tudo em cima ? Dando inicio a nova metodologia do blog iremos aprender como utilizar o CSS de forma externa em nossas paginas web.
Temos três maneiras distintas para carregar o CSS em nossas paginas , a primeira :
Externa :
Considerada uma das melhores praticas para se utilizar o CSS funciona da seguinte forma :
<head>
<link rel=“stylesheet” type=“text/css” href=“mystyle.css”>
</head>
A chamada é feita dentro do head invocando um arquivo CSS para ser utilizado dentro da pagina ao contrario da forma :
Interna :
<head>
<style>
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url(“images/background.gif”);}
</style>
</head>
<style>
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url(“images/background.gif”);}
</style>
</head>
Que já trabalha dentro da pagina muito parecida com o :
Inline :
<p style=“color:sienna;margin-left:20px;”>This is a paragraph.</p>
Essa maneira trabalha direto na tag agilizando o trabalho, porém é aconselhada para se trabalhar com uma única pagina pois não se pode re-aproveitar os estilos.
Essa são as principais maneiras de se utilizar o CSS em suas paginas, até mais galera..
para mais informações : http://www.w3schools.com/css/css_howto.asp