Construindo Sites com CSS e (X)HTML

Sites controlados por folhas de estilo em cascata

Maurício Samy Silva

Meu nome é Maurício Samy Silva e eu sou conhecido na Web como Maujor.

Mantenho o Site do Maujor hospedado em: maujor.com e meu e-mail de contato é maujorcss[ARROBA]maujor [PT]com.

Minha residência é em:

Copacabana - Rio de Janeiro,, RJ - - Brasil
     +Maujor

Sumário

  • Agradecimentos
  • Sobre o autor
  • Introdução
  • Para quem foi escrito este livro
  • Convenções tipográficas
  • Site do livro
  • Capítulo 1 • As ferramentas básicas de desenvolvimento
    • 1.1 Introdução
    • 1.2 Ambiente Windows
      • 1.2.1 Bloco de Notas
      • 1.2.2 Internet Explorer
    • 1.3 Ambiente Macintosh
      • 1.3.1 TextEdit
      • 1.3.2 Safari
    • 1.4 Editores gratuitos
    • 1.5 Cliente FTP
  • Capítulo 2 • Histórico e (X)HTML
    • 2.1 A web e a HTML
      • 2.1.1 Definições
      • 2.1.2 Histórico
    • 2.2 HTML
    • 2.3 XHTML
      • 2.3.1 Definição
      • 2.3.2 Versão
      • 2.3.3 Diferenças entre XHTML e HTML
      • 2.3.4 Documento estruturado
      • 2.3.5 Marcação semântica
      • 2.3.7 Web Standards
  • Capítulo 3 • Folhas de estilos em cascata
    • 3.1 CSS – Folhas de estilo em cascata
      • 3.1.1 Definição
      • 3.1.2 Finalidade
      • 3.1.3 Histórico
      • 3.1.4 Sintaxe CSS
    • 3.2 Unidades CSS para medidas lineares
      • 3.2.1 Unidades de medida absolutas
      • 3.2.2 Unidades de medida relativas
      • 3.2.3 Porcentagens
    • 3.3 Vinculando folhas de estilo aos documentos
      • 3.3.1 Estilos inline
      • 3.3.2 Estilos incorporados
      • 3.3.3 Estilos externos
  • Capítulo 4 • O modelo CSS
    • 4.1 Efeito cascata
      • 4.1.1 Ordem da cascata
      • 4.1.2 Declarações normais e importantes
      • 4.1.3 Especificidade de um seletor
    • 4.2 Modelo de formatação visual dos boxes
      • 4.2.1 Container
      • 4.2.2 Elementos nível de bloco e boxes bloco
      • 4.2.3 Elementos inline e boxes inline
    • 4.3 Box Model
    • 4.4 Propriedades CSS para o Box Model
      • 4.4.1 Propriedade margin
      • 4.4.2 Propriedade padding
      • 4.4.3 Propriedade border
  • Capítulo 5 • Seletores
    • 5.1 Definições
      • 5.1.1 Seletor simples
      • 5.1.2 Seletor composto
      • 5.1.3 Pseudoclasse e pseudo-elemento
      • 5.1.4 Suporte para os seletores CSS 2.1
  • Capítulo 6 • Estilização de textos
    • 6.1 Tipografia
      • 6.11 Termos tipográficos
      • 6.1.2 Fontes seguras e fontes genéricas
    • 6.2 Espaçamentos e alinhamentos de textos
      • 6.2.1 Propriedades letter-spacing, word-spacing e line-height
      • 6.2.2 Propriedade vertical-align
      • 6.2.3 Propriedade text-align
      • 6.2.4 Propriedade text-indent
    • 6.3 Efeitos em textos
      • 6.3.1 Propriedade text-decoration
      • 6.3.2 Propriedade text-transform
    • 6.4 Estilizando fontes
      • 6.4.1 Propriedade font-family
      • 6.4.2 Propriedade font-style
      • 6.4.3 Propriedade font-variant
      • 6.4.4 Propriedade font-weight
      • 6.4.5 Propriedade font-size
      • 6.4.6 Propriedade font
  • Capítulo 7 • Cores e background
    • 7.1 Definindo cores
      • 7.1.1 Cor hexadecimal
      • 7.1.2 Cor RGB
      • 7.1.3 Cor por palavra-chave
      • 7.1.4 Cor retirada do sistema operacional
    • 72 Definindo fundos
      • 7.2.1 Propriedade background-color
      • 7.2.2 Propriedade background-image
      • 7.2.3 Propriedade background-repeat
      • 7.2.4 Propriedade background-attachment
      • 7.2.5 Propriedade background-position
      • 7.2.6 Propriedade background
  • Capítulo 8 • Cabeçalhos e links
    • 8.1 Cabeçalhos
      • 8.1.1 Efeitos em cabeçalhos
    • 8.2 Âncoras HTML
      • 8.2.1 Estados dos links
      • 8.2.2 Efeitos em links
      • 8.2.3 Links em imagens
  • Capítulo 9 • Listas HTML
    • 9.1 Listas (X)HTML
      • 9.1.1 Listas não ordenadas
      • 9.1.2 Listas ordenadas
      • 9.1.3 Listas de definição
      • 9.1.4 Listas mistas
    • 9.2 Estilização de listas
      • 9.2.1 Propriedade list-style-type
      • 9.2.2 Propriedade list-style-image
      • 9.2.3 Propriedade list-style-position
      • 9.2.4 Propriedade list-style
    • 9.3 Criação de menus
      • 9.3.1 Estilização padrão
      • 9.3.1 Rollover simples
      • 9.3.2 Rollover de imagem
    • 9.4 Destaque no link corrente
    • 9.5 Menu drop down
      • 9.5.1 Menu drop down vertical
      • 9.5.2 Menu drop down horizontal
      • 9.5.3 Acesso via teclado
  • Capítulo 10 • Formulários
    • 10.1 Introdução aos formulários
      • 10.1.1 Tipos de controles de formulários
    • 10.2 Elementos de formulários
      • 10.2.1 Elemento form
      • 10.2.2 Elemento input
      • 10.2.3 Elemento button
      • 10.2.4 Elementos select , optione optgroup
      • 10.2.5 Elemento textarea
      • 10.2.6 Elemento label
      • 10.2.7 Elementos fieldset e legend
      • 10.2.8 Foco em controles tabindex e accesskey
      • 10.2.9 Atributos disabled e readonly
    • 10.3 Estilização de formulários
      • 10.3.1 Formulários simples
      • 10.3.2 Formulários complexos
  • Capítulo 11 • Criando tabelas Web Standards
    • 11.1 Quando usar tabelas
      • 11.2 Marcação de tabelas
      • 11.2.1 Elementos th, caption e atributo summary
      • 11.2.2 Elementos thead, tfoot e tbody
      • 11.2.3 Atributos id e header
      • 11.2.4 Elementos colgroup , col e atributo scope
    • 11.3 Dicas para marcar tabelas
    • 11.4 Estilização de tabelas
      • 11.4.1 Bordas
      • 11.4.2 Tipografia e posicionamentos
      • 11.4.3 Cores de fundo
      • 11.4.4 Imagens de fundo
      • 11.4.5 Exemplo prático
  • Capítulo 12 • Posicionamento CSS
    • 12.1 Esquemas de posicionamento CSS
      • 12.1.1 Esquema normal
      • 12.1.2 Esquema float
      • 12.1.3 Esquema absoluto
    • 12.2 Posicionamento com z-index
      • 12.2.1 Contexto para empilhamento
  • Capítulo 13 • Layout CSS
    • 13.1 Tipos de layout
      • 13.1.1 Largura fixa
      • 13.1.2 Líquido
      • 13.1.3 Elástico
      • 13.1.4 Híbrido
    • 13.2 Centralizando o layout
      • 13.2.1 Com uso de margens automáticas
      • 13.2.2 Com uso de posicionamento e margens negativas
    • 13.3 Layout com duas colunas
      • 13.3.1 Largura fixa
      • 13.3.2 Líquido
      • 13.3.3 Elástico
      • 13.3.4 Híbrido
    • 13.4 Layout com três colunas
      • 13.4.1 Largura fixa
      • 13.4.2 Líquido
  • Capítulo 14 • Bugs e Hacks
    • 14.1 Introdução
    • 14.2 Definições
    • 14.3 Hacks simples para o IE
      • 14.3.1 Hack estrela html
      • 14.3.2 Hack underscore
      • 14.3.3 Hack asterisco
      • 14.3.4 Hack da contra-barra
      • 14.3.5 Tan hack
      • 14.3.6 Hack comentário
      • 14.3.7 Hack estrela +
      • 14.3.8 Hack para IE5 Mac
      • 14.3.9 Owen hack
      • 14.3.10 Box Model hack
      • 14.3.11 O Holly hack
    • 14.4 O conceito haslayout do Internet Explorer
    • 14.5 Comentários condicionais para o Internet Explorer
    • 14.6 Bugs clássicos no IE
      • 14.6.1 Bug da margem dobrada em floats
      • 14.6.2 Peekaboo bug
      • 14.6.3 Bug da expansão automática
      • 14.6.4 Bug dos 3 pixels
      • 14.6.5 Bug 50% + 50% > 100%
      • 14.6.6 Bug dos caracteres dobrados
      • 14.6.7 Bug do fundo de listas desaparecendo
    • 14.7 Conclusões
  • Capítulo 15 • Miscelânea
    • 15.1 Substituição de textos por imagens
      • 15.1.1 Técnica de Todd Fahrner
      • 15.1.2 Técnica de Dave Shea
    • 15.2 Uma imagem para múltiplas substituições
    • 15.3 Box com cantos arredondados
    • 15.4 Fundo transparente
  • Apêndice A • Breve introdução à HTML
    • A1 Conceituando elementos e tags HTML
    • A2 Atributos HTML
    • A3 Listagem dos elementos HTML
  • Apêndice B • FAQ CSS
  • Apêndice C • Tabela de referência rápida para as propriedades CSS 2.1
  • Referências bibliográficas

CSS Válida!

wallpaper [1280x960px] [1024x768px] [800x600px]