Direct Design Br

Agrupamento de Elementos Logo-dd
Direct Design Br

Agrupamento de Elementos Logo-dd

Banner Parceiros
Escolha um Tema
  
Facebook Like
Entrar

Esqueci-me da senha



Últimos assuntos
» Habbo Parceiro
Agrupamento de Elementos EmptyTer Mar 27, 2012 11:48 am por Matheeus

» Assine nossa Parceiragem
Agrupamento de Elementos EmptySeg Mar 19, 2012 9:39 pm por Matheeus

» New Themes
Agrupamento de Elementos EmptyQui Mar 15, 2012 9:43 am por Dj Killer

» [APRESENTAÇÃO] Matheeus [APRESENTAÇÃO]
Agrupamento de Elementos EmptyDom Mar 11, 2012 6:09 pm por Dj Killer

» [PHOTOSHOP] Texto em 3D
Agrupamento de Elementos EmptyQui Mar 08, 2012 11:31 am por Dj Killer

» Guilherme Mulero
Agrupamento de Elementos EmptyTer Mar 06, 2012 7:11 am por Dj Killer

» Pergunte a vontade
Agrupamento de Elementos EmptySeg Mar 05, 2012 7:45 pm por Dj Killer

» Edição de Nick com icones
Agrupamento de Elementos EmptySeg Mar 05, 2012 7:42 pm por Dj Killer

» Alpha :)
Agrupamento de Elementos EmptyDom Mar 04, 2012 11:13 am por Dj Killer


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

1Agrupamento de Elementos Empty Agrupamento de Elementos Sáb Fev 11, 2012 6:41 pm

Dj Killer

Dj Killer
Administrador
Administrador
Agrupando elementos (span e div)
Os elementos span e div são usados para agrupar e estruturar um documento e são freqüentemente usados em conjunto com os atributos class e id.

Nesta lição veremos com detalhes o uso dos elementos HTML e
no que se refere a sua vital importância para as CSS.
Código:

Agrupando com <span>
Agrupando com<div>

Agrupando com

O elemento span é um elemento neutro e que não adiciona qualquer tipo de semântica ao documento. Contudo, span pode ser usado pelas CSS para adicionar efeitos visuais a partes específicas do texto no seu documento.

Para a edição do span primeiramente o HTML será esse:
Código:

<p> Span personalizado só no <span class="dd">Direct Design </span></p>
Agora no css seria assim:
Código:

span.dd {
color:blue;
}
[ Ver Exemplo ]

A div. Ela já é um utilitário ótimo para criação e implantação de sites. Exemplo :
Código:

#box_redondo {
 -webkit-border-radius:10px;
 border:1px solid #999;
 color:#09F;
 padding:10px;
}
E o HTML :
Código:

<div id="box_redondo">
Aqui terá um testo com uma caixa arredondada em volta
</div>
[ Ver Exemplo ]

Espero que tenha os ajudado. Amanhã volto com mais um tutorial de css Smile
Atenciosamente, Gabriel

https://directdesign-br.forumeiros.com

2Agrupamento de Elementos Empty Re: Agrupamento de Elementos Qua Fev 29, 2012 10:22 am

@Coper

@Coper
Membro
Membro
Cara Ótimo tutorial

3Agrupamento de Elementos Empty Re: Agrupamento de Elementos Qua Fev 29, 2012 6:18 pm

Dj Killer

Dj Killer
Administrador
Administrador
Muito obrigado.
Gostei do avatar Smile

https://directdesign-br.forumeiros.com

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos

 


Copyright © Todos os Direitos Reservados
Direct Design Brasil 2011 - 2012