Precisa de um freelancer, códigos-fonte e exemplos completos?
Bem-vindo(a) ao meu site. Além de realizar alguns serviços como freelancer eu tenho alguns códigos-fonte e exemplos completos de Java, Delphi, PHP, Python, C/C++, Hibernate, JPA, Spring, JSP, Servlets, Ruby, Ruby On Rails e muitas outras linguagens e frameworks. Veja como falar comigo clicando aqui.
 
Arquivo de Códigos - Página Inicial
Códigos-fonte
» Códigos-fonte e exemplos completos
Linguagens
» ActionScript
» Adobe AIR
» Adobe Flex
» AJAX
» C
» C#
» C++
» CSS
» Delphi
» DHTML - Dynamic HTML
» HTML/XHTML
» Java
» JavaFX
» JavaScript
» Java Servlets
» JSP - Java Server Pages
» Perl
» PHP
» PHP-GTK
» Python
» Ruby
» Tcl/Tk
» VB.NET
Bancos de Dados
» IBM DB2
» MySQL
Frameworks
» CodeIgniter
» jQuery
» JSF - Java Server Faces
» Qt
» Ruby On Rails
» Struts
» Struts 2
» wxWidgets
» Zend Framework
Container/Servidor
» Apache Tomcat
» Apache Web Server
Ferramentas
» Apache Ant
» iTextSharp (iText#)
Referências
» CSS1 e CSS2
» JavaScript
Serviços On-Line
» Qual é meu IP?
» Tabela Cores HTML I
» Tabela Cores HTML II
» Lista de Mime Types
» Códigos Teclas Virtuais
Usuários On-Line
Visitantes: 105
PHP
O que há de novo no PHP 5?
40 dicas e truques sobre como trabalhar com datas e horas em PHP
60 dicas e truques sobre como trabalhar com strings e caracteres em PHP
PHP e a Orientação a Objetos - POO (Curso Completo)

DHTML
Curso completo de DHTML para iniciantes

CSS
Como definir uma imagem de fundo fixa na página
Definindo uma imagem de fundo para botões HTML
Você está aqui: Inicio -> DHTML -> Curso Completo -> Agrupamento de elementos
Agrupamento de elementos
Haverá situações em que você terá que definir as mesmas propriedades para vários elementos diferentes. Vamos ver o seguinte exemplo: temos que escrever uma folha de estilo e definir a cor do texto de todos os elementos de títulos como sendo azul. O nosso código CSS ficaria algo assim:



<style type="text/css">
<!--
  h1 {color: blue}
  h2 {color: blue}
  h3 {color: blue}
//-->
</style>

Veja que temos três elementos de títulos (h1, h2 e h3) para os quais definimos a cor do texto como sendo azul (blue). Mas como evitar a repetição das mesmas propriedades para elementos diferentes?

Vamos fazer alguns testes. Crie uma nova página e digite o conteúdo seguinte na parte <body></body>:

<h1>Observe este texto</h1>
<h2>Agora observe este</h2>
<h3>E finalmente este</h3>

Agora vá até a parte <head></head> e digite o código CSS visto anteriormente. Veja o código completo para a página:

<html>
<head>
<title>Estudos CSS</title>

<style type="text/css">
<!--
  h1 {color: blue}
  h2 {color: blue}
  h3 {color: blue}
//-->
</style>

</head>
<body>

<h1>Observe este texto</h1>
<h2>Agora observe este</h2>
<h3>E finalmente este</h3>

</body>
</html>

Execute a página. Você terá algo parecido com a seguinte figura:


Agora vamos ao teste. Substitua o código:

<style type="text/css">
<!--
  h1 {color: blue}
  h2 {color: blue}
  h3 {color: blue}
//-->
</style>

por este:

<style type="text/css">
<!--
  h1, h2, h3 {color: blue}
//-->
</style>

Percebeu? Uma vez que estamos definindo as mesmas propriedades para os três elementos, tudo que fizemos foi separá-los usando vírgulas.

Acrescente um parágrafo a sua página e altere o código CSS para esta nova versão:

<style type="text/css">
<!--
  p, h1, h2, h3 {color: blue; font-family: verdana}
//-->
</style>

Para ver uma página HTML exemplificando as técnicas explicadas aqui, execute o arquivo lab1-8.htm na pasta de exemplos.

Para exercitar um pouco mais, tente inserir mais elementos na página e vá usando as propriedades vistas até agora. Não se preocupe em memorizar os nomes das propriedades neste momento. Nas próximas partes você encontrará uma análise detalhada de cada uma delas acompanhada de vários scripts práticos. Portanto, tente absorver por agora apenas as maneiras de usar CSS.

<< Início do curso | Como usar classes como seletores >>
 
 
Arquivo de Códigos - Página Inicial
       

http://www.arquivodecodigos.net
:: Arquivo de Códigos - Softwares e Consultoria em Programação ::
Todo o conteúdo deste site, quando não devidamente observado, pertence a seus idealizadores e não
poderá ser usado para outras finalidades senão estudo e aprimoramento de técnicas de programação.
Certifique-se de ler as notas legais antes de proceder com o acesso e leitura do
conteúdo disponibilizado nestas páginas.

Fale Conosco: (62) 3261-7018 / (62) 8185-0734

Desenvolvedor Responsável: Osmar J. Silva

Página Inicial Contatos Pesquisar Mapa do Site