Sei sulla pagina 1di 3

Estilo Inline:

aplica diretamente na tag (que seja aplic�vel)

style="par�metro: valor par�metro;"


Pode ter mais de um par�metro.

Seletores CSS:
Dentro de <head>
<style type="text/css">
nome da tag (ex: p){
color:blue;
border: 1px solid red;
}
</style>
</head>

Classes e ID:
Dentro de <head>
Classe (para exce��o)
.class{
color:blue;
}
como chamar dentro de uma tag:
ex: <p class="nomedaclasse">

ID (uso �nico em um elemento)


#nomeid{
color: green;
}
como chamar dentro de uma tag:
ex: <p id="nomeid">

</head>

Detro de body
<div>
serve para alocar elementos em bloco fazendo a quebra de p�gina automaticamente.
</div>

Elemento inline
<span>
</span>

border: tamanho tipo e cor(pode ter mais de um valor de cada par�metro);

color: #n�mero hexadecimal


font-size: determina o tamanho da fonte;
font-family: "Times New Roman", Times, serif;(exemplo) determina a fam�lia que ser�
usado no texto.

em = proporcional (medidas de tamanho de texto)


px = fixo.

padding = espa�amento interno


margin = espa�amento externo.

Elementos flutuantes.

float: serve para alinhar caixas (divs) flutuando


clear: both; limpa fluxo de um float

margin: auto; automaticamente centralizado.

position: relative; posi��o relativa a ela mesmo.

position: absolute; deixa de seguir o padr�o de posicionamento. Posicionada de


forma absoluta em rela��o ao body

Quando colocado o conte�do principal com position, o absolute fica em rela��o ao


conte�do mais pr�ximo.

position: fixed; relativo a tela, �rea que visualizamos.

links tem estados.


a:link{

}
a:visited{

}
a:hover{

}
a:active{

Potrebbero piacerti anche