Casa dos Resumos

HTML + CSS: Conceitos básicos - parte 3

Dando seguimento ao post anterior(Detalhes), neste estarei finalizando o assunto CSS básico.

Class e Id

É extremamente importante e fundamental saber sobre como usar class e Id para estilizar elementos. No CSS, um seletor de class é um nome precedido de um ponto (.) e um seletor ID é um nome precedido de um sustenido (#).

Algo como:

A diferença entre ID e CLASS é que ID só pode ser usado para identificar um elemento, enquanto uma classe pode ser usada pra quantos elementos você quiser.

Exemplo:

Sem definição de classes:

Com definição de classes:

Span e Div

O elemento <span> é um elemento neutro que não adiciona qualquer tipo de semântica ao documento. Contudo ele pode ser usado pelas CSS para adicionar efeitos visuas a partes especificas do texto em seu documento. O <div> por outro lado, já é usado para atribuir características a um ou mais elementos funcionando ambos mais ou menos da mesma maneira.

Exemplo sem span:

Exemplo com span:

Primeiramente como já soubemos, informa-se ao CSS os atributos do Span; (Vamos apenas atribuir a cor da fonte vermelha como vermelha | color:red | para a classe span.destaque)

Após insira as tags span com class="destaque" que já esta configurado no CSS.

Note que na mensagem acima, as palavras CSS e HTML estão entre as tags <span> proporcionando o resultado:

Exemplo com DIV

Referencias:

Fonte 01

Fonte 02

- Html : Tags Básicas - Parte 02
Dando seguimento ao post anterior(Detalhes) nesse post estarei apresentando a segunda parte de tags básicas para a construção de uma pagina Web simples. TabelasTabelas são um recurso bastante usado para se organizar visualmente, de...

- Html : Tags Básicas - Parte 01
Após apresentar o assunto no post anterior (Detalhes) nesse post estarei apresentando algumas tags básicas para a construção de uma pagina Web simples. Obs: Para realizar os exemplos abaixo, abra o bloco de notas, escreve o codigo dentro...

- Html + Css: Conceitos Básicos
Como você já sabe, o HTML lhe oferece uma maneira de descrever a estrutura do conteúdo em seus arquivos. Quando o broswer exibe seu HTML, ele utiliza seu próprio estilo padrão para apresentar essa estrutura. Entretanto, confiar o estilo ao browser...

- Html : Conceitos Básicos.
HTML(HyperText Markup Language - Linguagem de marcação de hipertexto) é a linguagem com que se escrevem as páginas na web. As páginas web podem ser vistas pelos usuários mediante um tipo de aplicação chamada navegador (browser). Podemos...

- Função (matemática)
As funções nada mais são que um tipo particular de relação que possuem uma propriedade específica. Para iniciarmos o estudo das funções vamos começar analisando a relação , cujo diagrama de flechas pode ser visto ao acima: Observe que todos...

Casa dos Resumos