[TUTORIAL] Como Gerir um Código CSS

[KengoYu]

Gerir Código CSS

Neste tutorial aprenderemos a gerir um código CSS e tudo sobre ele.

Não seja um tolo,clique em "Obrigado"

--> Tutoriais, dicas e astúcias <--
Gerir Código CSS

1º - Classes
CSS não é uma linguagem difícil,Vamos começar pelas classes.
Ai você me pergunta,KengoYu,como pega essas tais classes ?
É bem fácil,se seu navegador for Google Chrome.
Clique com o botão direito do mouse no lugar que quer pegar a Classe
e copie o conteúdo dentro do valor "class=" ""
e gere seu código.

Exemplo:

.main {
font-size: 23px !important;
}

Sempre coloque um ponto antes do nome da classe
e sempre abra com { e feche com },dentro das chaves coloque as funções.


2º - ID's
Ai você me pergunta,KengoYu,como pega essas tais ID's ?
É bem fácil,se seu navegador for Google Chrome.
Clique com o botão direito do mouse no lugar que quer pegar a Classe
e copie o conteúdo dentro do valor "id=" ""
e gere seu código.

Exemplo:

#ChatBox {
background-color: #F2F2F2 !important;
}

Sempre coloque um Sharp (HashTag) antes do nome do id
e sempre abra com { e feche com },dentro das chaves coloque as funções.


3º - Sobre o valor !important;
Este valor serve para informar se o código gerado é mais importante que os outros,as vezes se não tiver !important; o código se torna inútil.

Veja exemplos:

.main {
font-style: Comic Sans MS;
}

O Código acima pode não funcionar.
Veja este:

#chatbox {
font-size: 24px !important;
}

Este com certeza irá funcionar.


4º - Resumo
Sempre coloque Ponto antes do nome da classe.
Sempre coloque Sharp (HashTag) antes do nome da ID.
Sempre abra e feche seu código com chaves { }.
Dentro das chaves coloque as funções.
Para ter certeza de que a função irá funcionar coloque !important; no final da função.
sempre feche uma função com ponto e virgula.

---

© VT Cheats,Suporte Fórum & KengoYu

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Gerir Código CSS

COLOQUE ESTE TUTORIAL NO SEU FÓRUM:

Código:

[center][table style="margin:auto"][tr][td]
[img]http://i66.servimg.com/u/f66/15/86/37/09/images10.png[/img] [/td]
[td]
[size=24][color=#86b125]Gerir Código CSS[/color][/size][/td]
[/tr]
[/table]
[/center]

Neste tutorial aprenderemos a gerir um código CSS e tudo sobre ele.

[table][tr][td][img]http://forumeiros.com/i/img/act_bottom.png[/img][/td]
[td]Não seja um tolo,clique em "Obrigado"[/td]
[/tr]
[/table]
[center][color=green][size=16]--> Tutoriais, dicas e astúcias <--[/size][/color]
[size=16][color=red] Gerir Código CSS [/color][/size][/center]



[b][size=18]1º[/size] - [color=darkblue]Classes[/color][/b]
CSS não é uma linguagem difícil,Vamos começar pelas classes.
Ai você me pergunta,KengoYu,como pega essas tais classes ?
É bem fácil,se seu navegador for Google Chrome.
Clique com o botão direito do mouse no lugar que quer pegar a Classe
e copie o conteúdo dentro do valor "class=" ""
e gere seu código.

Exemplo:
[quote][b].main[/b] {
font-size: 23px !important;
}[/quote]

Sempre coloque um ponto antes do nome da classe
e sempre abra com { e feche com },dentro das chaves coloque as funções.


[b][size=18]2º[/size] - [color=darkblue]ID's[/color][/b]
Ai você me pergunta,KengoYu,como pega essas tais ID's ?
É bem fácil,se seu navegador for Google Chrome.
Clique com o botão direito do mouse no lugar que quer pegar a Classe
e copie o conteúdo dentro do valor "id=" ""
e gere seu código.

Exemplo:
[quote][b]#ChatBox[/b] {
background-color: #F2F2F2 !important;
}[/quote]

Sempre coloque um Sharp (HashTag) antes do nome do id
e sempre abra com { e feche com },dentro das chaves coloque as funções.


[b][size=18]3º[/size] - [color=darkblue]Sobre o valor !important;[/color][/b]
Este valor serve para informar se o código gerado é mais importante que os outros,as vezes se não tiver !important; o código se torna inútil.

Veja exemplos:
[quote].main {
font-style: Comic Sans MS;
}[/quote]

O Código acima pode não funcionar.
Veja este:

[quote]#chatbox {
font-size: 24px !important;
}[/quote]

Este com certeza irá funcionar.


[b][size=18]4º[/size] - [color=darkblue]Resumo[/color][/b]
Sempre coloque Ponto antes do nome da classe.
Sempre coloque Sharp (HashTag) antes do nome da ID.
Sempre abra e feche seu código com chaves { }.
Dentro das chaves coloque as funções.
Para ter certeza de que a função irá funcionar coloque !important; no final da função.
sempre feche uma função com ponto e virgula.


[hr]
[center]© VT Cheats,Suporte Fórum & KengoYu[/center]


[table][tr][td][img]http://www.forumeiros.com/i/img/act_bottom.png[/img] [/td]
[td]Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[b]Gerir Código CSS[/b][/td]
[/tr]
[/table]

[Bruna.]

Tutorial Perfeito - Parabens !!

[Matheus']

Muito Bom, Obrigado Por Compartilhar.

[Conteúdo patrocinado]