Css - div e span (atributo id)
430 palavras
2 páginas
Aula de CSS ( div e span)Atributo id
É um atributo único e destina-se a atribuir um nome identificador para o elemento. Em um mesmo documento, não podemos atribuir o mesmo nome de um id para outros elementos.
O valor do atributo id é um nome que você pode escolher, dentro das seguintes regras:
• Não pode começar por um número ou hífen;
• O caractere underscore ( _ ) é válido;
• Na prática utilizam-se nomes que começam com letras minúsculas.
Exemplo:
<html>
<head><title> Atributo id</title>
<style type="text/css">
p#estilizado{ font-family: sans-serif;
font-style:italic;
font-size:30 px;
text-align: left
}
</style></head>
<body>
<p id="estilizado"> Texto do paragrafo marcado com nome estilizado</p>
</body></html>
[pic]
Atributo class
Destina-se atribuir uma classe identificadora para o elemento. Quando usamos class, podemos, em um mesmo documento, utilizar o nome da classe para identificar várias instâncias de um mesmo elemento, assim como elementos diferentes.
OBS: Pode –se definir propriedades para estilização dos elementos pertencentes a uma determinada classe usando um .nomedaclasse na folha de estilos do documento.
Exemplo:
<html>
<head><title> Atributo id</title>
<style type="text/css">
p.testefonte{
color: red;;
font-size:20 px;
text-align: right
}
</style></head>
<body>
<p class="testefonte"> Texto do paragrafo marcado com classe testefonte</p>
</body></html>
[pic]
Agrupando Elementos ( span e div )
Os elementos <span> e <div> são usados para agrupar e estruturar um documento e frequentemente usados em conjunto com os atributos class e id.
Elemento span
Pode ser usado pelas CSS para adicionar efeitos visuais a partes específicas do texto no seu documento.
Exemplo:
<html>
<head><title> Atributo