Conectar-se

Esqueci minha senha

Últimos assuntos
» Nota de esclarecimento - GMBR voltou!
Ontem à(s) 20:33 por Willy

» Regras do Fórum
Ontem à(s) 19:02 por GMBR

» Retorno da GMBR!!!
Ter 24 Jan 2017, 15:43 por GMBR

» Criando IA Simples para inimigos
Qua 25 Nov 2015, 19:22 por DJDAVYD

» Crio Trilha Sonora para Games!
Qui 27 Ago 2015, 13:50 por Isaias Malafaia

» Western Duels
Seg 24 Ago 2015, 07:47 por theguitarmester

» Dúvida sobre strings, lendo txt
Sab 22 Ago 2015, 20:31 por Pai véi

» Janela Modal
Sab 22 Ago 2015, 09:23 por Pai véi

» LudumDare #33
Sex 21 Ago 2015, 21:17 por WellingtonBecker

» GMS sempre salva projeto ao compilar?
Sex 21 Ago 2015, 12:32 por Pai véi

» Tipo de Draw que dê melhor fps...
Sex 21 Ago 2015, 12:25 por Pai véi

» Banco de Dados online fácil de configurar
Sex 21 Ago 2015, 11:47 por Pai véi

» Ficou estranho esse efeito na terra?
Qua 19 Ago 2015, 20:08 por Adriel

» Você consegue decifrar o que é isso?
Qua 19 Ago 2015, 15:48 por Mateus O de Andrade

» Texto centralizado em sprite 64x64
Qua 19 Ago 2015, 14:00 por Vandson Fernandes

» [Tutorial] Um Único Script para Todos Diálogos do Jogo
Ter 18 Ago 2015, 22:12 por dharrison

» VIDEO AULAS - Plataforma - Recriando Super Mario
Ter 18 Ago 2015, 20:44 por Adriel

» Ajuda deixar room maior
Ter 18 Ago 2015, 15:56 por Stickman

» OST - Rain From The Past (Para Main Themes)
Seg 17 Ago 2015, 23:00 por Jessezyn

» #DGM Aula 01 - Views
Seg 17 Ago 2015, 00:16 por victor13.

» Alguém sabe as dimensões de um galaxy s5?
Dom 16 Ago 2015, 20:06 por vitorfernandes13

» Conquer The Kingdom
Dom 16 Ago 2015, 12:13 por DVictorPS

» [Ajuda] Bug ds_list
Dom 16 Ago 2015, 08:27 por Witen

» câmera seguir player com touch control android
Sab 15 Ago 2015, 15:05 por Lighter

» Apk não roda no celular
Sab 15 Ago 2015, 12:10 por xLuiZzz


[Tutorial](Parte 6) A mágica da programação de sites

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[Tutorial](Parte 6) A mágica da programação de sites

Mensagem por Davichococat em Sab 17 Mar 2012, 22:51

Oi pessoal, voltei aos fórums so porque me senti culpado de não ter terminado o tutorial. Estou aprendendo C++, e, bem, perdi todo o interesse em GML, adivinha por quê. Rolling Eyes

A mágica da programação de sites
Parte 6 - Classes, IDs...

Talvez você tenha se perguntado: "Ué, e seu não quiser aplicar o CSS à um local específico, e não à uma tag? Dá pra criar um novo tipo de tag?". Não, não dá pra criar um novo tipo de tag, isso não funcionaria em nenhum browser decente que seguisse os padrões HTML. Não existe coisa como "criar uma tag". Mas, dá sim para aplicar CSS à um local específico. Esta parte do tutorial vai explicar HTML e CSS ao mesmo tempo, porque não é possível separar os dois quando estamos falando de classes e IDs.

Nesse exato momento você já deve estar se perguntando, o que são, afinal, classes e IDs.
Código:
<p id="dinheiro">

Você já deve ter imaginado. Sim, está correto, nós atribuímos o ID "dinheiro" à esta(s) tag(s), e isso a(s) diferencia das outras. Mas não deixa de ser uma tag <p>, é claro. A ideia geral é: ID é um atributo que diferencia a tag x das outras.

E agora? O que fazemos com isso?

Código:
#dinheiro {
  color: yellow;
  font-weight: bold;
}

A tag com o ID "dinheiro" agora terá o atributo "color" definido como "yellow", e "font-weight" como "bold". Isso basicamente é o conceito de ID, e quero ressaltar que IDs não se limitam à CSS. Elas são usadas pra praticamente tudo em PHP e Javascript. Plugins como Flash Player, Java e outros também podem interagir com a página usando IDs. Por enquanto, nós a usamos apenas pra CSS, mas depois as possibilidades serão infinitas. Só não quero você dizendo que IDs são usados apenas em CSS. Também quero ressaltar que, nunca, nunca começe um ID em CSS com um número. Broswers como Firefox irão chorar em dor se você fizer isso, e sua página não vai funcionar como você queria. Que eu saiba, começar um ID em CSS com um número só funciona em Internet Explorer(e quem usa Internet Explorer mesmo? vomito). Isso também se aplica a classes, que eu ainda não expliquei, mas fique com isso em mente.

Entretanto, eu disse que todas as tags com o ID "dinheiro" iriam receber os atributos CSS aplicados à mesma. Todas. E talvez você não queira isso. Talvez você queira aplicar os atributos apenas à um tipo de tag com o ID "dinheiro". Por exemplo, você pode não querer aplicar esses atributos na tag <b>, mas apenas em <p>.


Classes funcionam de modo parecido com os IDs. Elas geralmente são usadas para atribuir atributos à vários elementos de uma página, e funcionam do modo que nós estavamos desejando(veja acima).

Código:

<p class="dinheiro">
Código:

p.dinheiro{
  font-weight: bold;
  color: yellow;
}

Todas as tags <p> agora iram receber os atributos acima, contanto que estejam com a classe "dinheiro". Essa é a explicação básica. Depois entraremos mais fundo no assunto de classes e IDs.

Pra aplicar CSS à uma classe sem restringir à tags, use só o ponto sem nada antes(exemplo: .dinheiro{}) Até o próximo tutorial! formado

-> Próximo tutorial
avatar
Davichococat

Data de inscrição : 29/12/2011
Número de Mensagens : 182
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   : 0
   : 0
   : 0

Ver perfil do usuário http://www.google.com

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum