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

Sumrio

  • Agradecimentos
  • Sobre o autor
  • Introduo
  • Para quem foi escrito este livro
  • Convenes tipogrficas
  • Site do livro
  • Captulo 1 • As ferramentas bsicas de desenvolvimento
    • 1.1 Introduo
    • 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
  • Captulo 2 • Histrico e (X)HTML
    • 2.1 A web e a HTML
      • 2.1.1 Definies
      • 2.1.2 Histrico
    • 2.2 HTML
    • 2.3 XHTML
      • 2.3.1 Definio
      • 2.3.2 Verso
      • 2.3.3 Diferenas entre XHTML e HTML
      • 2.3.4 Documento estruturado
      • 2.3.5 Marcao semntica
      • 2.3.7 Web Standards
  • Captulo 3 • Folhas de estilos em cascata
    • 3.1 CSS Folhas de estilo em cascata
      • 3.1.1 Definio
      • 3.1.2 Finalidade
      • 3.1.3 Histrico
      • 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
  • Captulo 4 • O modelo CSS
    • 4.1 Efeito cascata
      • 4.1.1 Ordem da cascata
      • 4.1.2 Declaraes normais e importantes
      • 4.1.3 Especificidade de um seletor
    • 4.2 Modelo de formatao visual dos boxes
      • 4.2.1 Container
      • 4.2.2 Elementos nvel 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
  • Captulo 5 • Seletores
    • 5.1 Definies
      • 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
  • Captulo 6 • Estilizao de textos
    • 6.1 Tipografia
      • 6.11 Termos tipogrficos
      • 6.1.2 Fontes seguras e fontes genricas
    • 6.2 Espaamentos 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
  • Captulo 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
  • Captulo 8 • Cabealhos e links
    • 8.1 Cabealhos
      • 8.1.1 Efeitos em cabealhos
    • 8.2 ncoras HTML
      • 8.2.1 Estados dos links
      • 8.2.2 Efeitos em links
      • 8.2.3 Links em imagens
  • Captulo 9 • Listas HTML
    • 9.1 Listas (X)HTML
      • 9.1.1 Listas no ordenadas
      • 9.1.2 Listas ordenadas
      • 9.1.3 Listas de definio
      • 9.1.4 Listas mistas
    • 9.2 Estilizao 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 Criao de menus
      • 9.3.1 Estilizao padro
      • 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
  • Captulo 10 • Formulrios
    • 10.1 Introduo aos formulrios
      • 10.1.1 Tipos de controles de formulrios
    • 10.2 Elementos de formulrios
      • 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 Estilizao de formulrios
      • 10.3.1 Formulrios simples
      • 10.3.2 Formulrios complexos
  • Captulo 11 • Criando tabelas Web Standards
    • 11.1 Quando usar tabelas
      • 11.2 Marcao 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 Estilizao 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 prtico
  • Captulo 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
  • Captulo 13 • Layout CSS
    • 13.1 Tipos de layout
      • 13.1.1 Largura fixa
      • 13.1.2 Lquido
      • 13.1.3 Elstico
      • 13.1.4 Hbrido
    • 13.2 Centralizando o layout
      • 13.2.1 Com uso de margens automticas
      • 13.2.2 Com uso de posicionamento e margens negativas
    • 13.3 Layout com duas colunas
      • 13.3.1 Largura fixa
      • 13.3.2 Lquido
      • 13.3.3 Elstico
      • 13.3.4 Hbrido
    • 13.4 Layout com trs colunas
      • 13.4.1 Largura fixa
      • 13.4.2 Lquido
  • Captulo 14 • Bugs e Hacks
    • 14.1 Introduo
    • 14.2 Definies
    • 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 comentrio
      • 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 Comentrios condicionais para o Internet Explorer
    • 14.6 Bugs clssicos no IE
      • 14.6.1 Bug da margem dobrada em floats
      • 14.6.2 Peekaboo bug
      • 14.6.3 Bug da expanso automtica
      • 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 Concluses
  • Captulo 15 • Miscelnea
    • 15.1 Substituio de textos por imagens
      • 15.1.1 Tcnica de Todd Fahrner
      • 15.1.2 Tcnica de Dave Shea
    • 15.2 Uma imagem para mltiplas substituies
    • 15.3 Box com cantos arredondados
    • 15.4 Fundo transparente
  • Apndice A • Breve introduo HTML
    • A1 Conceituando elementos e tags HTML
    • A2 Atributos HTML
    • A3 Listagem dos elementos HTML
  • Apndice B • FAQ CSS
  • Apndice C • Tabela de referncia rpida para as propriedades CSS 2.1
  • Referncias bibliogrficas

CSS Válida!

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