Buscar

html-69

Prévia do material em texto

»ir para o sumário 
 
Aprendendo a trabalhar com CSS 
 
CSS significa em inglês: Cascading Style Sheet, que traduzindo para o português fica: 
Folha de Estilo em Cascata. 
 
É usado para alterar cores, fontes, tamanho, espaçamentos, etc. 
 
 
Por exemplo em vez de se usar o marcador <font> para especificar o tamanho, a cor, e 
a fonte do texto, podemos usar CSS. 
 
Exemplo: 
 
<style type= "text/css" > 
<!-- 
.style1 { 
 font-family : verdana ; 
 font-size : 15px ; 
 font-weight : bold ; 
 color : #FF0000 ; 
} 
--> 
</style> 
 
Veja algumas noções básicas: 
 
Existe duas formas de se usar o CSS. Uma é como no exemplo acima que usa o 
marcador 
<style type= "text/css" > dentro das delimitações do marcador <head> ou usando o 
atributo style dentro do marcador, como por exemplo numa DIV o código deve ficar 
assim: 
 
<DIV style= ” font-family : verdana ; font-size : 15px ; font-weight : bold ; 
color : #FF0000 ; ” ></DIV> 
 
Outra forma de também de usar o CSS é criando um arquivo.css com os atributos. 
 
Mas será necessário adicionar o marcador: 
 
<link href= "arquivo.css" rel= "stylesheet" type= "text/css" /> 
 
Também dentro das delimitações do marcador <head> . 
 
A diferença entre essas duas formas de se usar o CSS, é que na primeira opção, o 
código fica dentro da página HTML. E na outra opção o código fica num arquivo 
separado. 
 
A vantagem de se usar o código CSS em um arquivo.css é que caso você precise ou 
queira alterar alguma coisa. As alterações serão feitas em todas as páginas que 
estiverem usando o arquivo.css.

Continue navegando

Outros materiais