Aula número 2: CSS básico / div class e div id: qual a diferença?

O que é CSS? São os códigos que determinam o estilo da página, ou seja, as cores, o estilo das caixas, as fontes, o tamanho e etc.

Onde fica o CSS de um theme/página? Basicamente, é tudo que fica entre as tags<style> e </style>. Porém, em alguns themes, a tag <style> pode vir como <style type=”text/css”>, mas isso não altera a função.

O que está dentro do CSS? O CSS é basicamente as div class, div id, e etc.

Entendendo o CSS:

div class: div class são caixas que ficam no theme (não necessariamente “caixas”, são também as fontes, e etc).

Qual a diferença entre div class e div id? Não há muita. Na div class geralmente não se coloca a posição de algo, coloca-se depois, e nas div id já coloca-se a posição.

Como eu sei o que é div id e o que é div class? As div class vem com um ponto final antes do seu título. Exemplo:

.caixa

Com os códigos, fica assim:

.caixa{background:#fff; color: #969696; padding: 4px; font-family: georgia; font-style: normal; font-size: 11px;}

Na hora de colocar algum conteúdo dentro dessa div class, ficará assim:

<div class="caixa"> CONTEÚDO </div>

Já as div id geralmente vem com um # antes do seu título. Exemplo:

#entry

Com os códigos, fica assim:

#entry{font-family: Trebuchet Ms; letter-spacing: 1px; font-size:7pt; border-top:1px solid #eee; position:fixed; left:50px; top:80px}

Na hora de colocar algum conteúdo dentro dessa div id, ficará assim:

<div id="entry"> CONTEÚDO </div>

Basicamente, elas não tem muita diferença. Geralmente, cria-se uma div id para a sidebar, e coloca-se no CSS todas as propriedades, como a cor do fundo, a posição e afins. Cria-se uma div class para a caixa dos posts, e outra div id para colocar-se o conteúdo do i-frame.

Mostrar conteúdo oculto

Aula número 2: CSS básico / div class e div id: qual a diferença?

O que é CSS? São os códigos que determinam o estilo da página, ou seja, as cores, o estilo das caixas, as fontes, o tamanho e etc.

Onde fica o CSS de um theme/página? Basicamente, é tudo que fica entre as tags<style> e </style>. Porém, em alguns themes, a tag <style> pode vir como <style type=”text/css”>, mas isso não altera a função.

O que está dentro do CSS? O CSS é basicamente as div class, div id, e etc.

Entendendo o CSS:

div class: div class são caixas que ficam no theme (não necessariamente “caixas”, são também as fontes, e etc).

Qual a diferença entre div class e div id? Não há muita. Na div class geralmente não se coloca a posição de algo, coloca-se depois, e nas div id já coloca-se a posição.

Como eu sei o que é div id e o que é div class? As div class vem com um ponto final antes do seu título. Exemplo:

.caixa

Com os códigos, fica assim:

.caixa{background:#fff; color: #969696; padding: 4px; font-family: georgia; font-style: normal; font-size: 11px;}

Na hora de colocar algum conteúdo dentro dessa div class, ficará assim:

<div class="caixa"> CONTEÚDO </div>

Já as div id geralmente vem com um # antes do seu título. Exemplo:

#entry

Com os códigos, fica assim:

#entry{font-family: Trebuchet Ms; letter-spacing: 1px; font-size:7pt; border-top:1px solid #eee; position:fixed; left:50px; top:80px}

Na hora de colocar algum conteúdo dentro dessa div id, ficará assim:

<div id="entry"> CONTEÚDO </div>

Basicamente, elas não tem muita diferença. Geralmente, cria-se uma div id para a sidebar, e coloca-se no CSS todas as propriedades, como a cor do fundo, a posição e afins. Cria-se uma div class para a caixa dos posts, e outra div id para colocar-se o conteúdo do i-frame.

Veja em um dos 2 spoilers..

Creditos:

H-C

Jamerson

Belo tutorial ira ajudar muitos que tem duvida entre como manusear CSS.

reputado