Economia
273 palavras
2 páginas
CSS- Seletores ID e Class: - ID: usado para especificar um estilo para um único elemento. É definido utilizando um # antes do nome do CSS. EX
# Para {text-align= center; color: red;
}
Este estilo será aplicado ao elemento com id= “para”. * Class: usado para especificar um estilo para um grupo de elementos. “É definido usando um “.” Antes do nome css. Ex
.center {text-align: center;
}
Neste exemplo, este estilo será aplicado a todos os elementos com atributo class= “Center”.
. Formas de inserir um css na pagina * CSS externo: é feita uma referência ao arquivo CSS que contem os comandos, usando a tag <Link> que fica dentro do head:
<Head>
<linkrel= “stylesheet” type= “text/css” href= “estilo.CSS”>
</head>
* CSS interno: os comandos CSS são definidos na própria pagina, usando a tag <style>:
<style type= “text/CSS”>
P {
Margin teft: 20px;
}
Body {background-image:url(“back.gif);
}
</style> * CSS inline: o estilo é definido no próprio elemento HTML. Isto faz com que se percam as maiores vantagens do CSS (separação conteúdo/ formato):
<p style= “color: red”> texto <ip>
. Múltiplos estilos se alguma propriedade for definida para o mesmo seletor em estilos diferentes, os valores serão herdados do CSS mais especifico.
* Múltiplos CSS irão se tornar um só, EX: h3 { color: red; text-align: left; font-size8pt;
}
* CSS Interno: h3 { text-align: right; font-size: 20pt;
}
* CSS resultante:
Color: red; text-align: right; font-size: 20pt; * Ordem de precedência da menor para maior prioridade:
I - Default do Browser.
II - CSS externo.
III - CSS interno.
IV - CSS