# Aplicativos em PHP/Referências/CSS
## CSS na Wikipedia

http://pt.wikipedia.org/wiki/Cascading_Style_Sheets
Cascading Style Sheets, ou simplesmente CSS, é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.
Ao invés de colocar a formatação dentro do documento, o desenvolvedor cria um link (ligação) para uma página que contém os estilos, procedendo de forma idêntica para todas as páginas de um portal. Quando quiser alterar a aparência do portal basta portanto modificar apenas um arquivo.
Com a variação de atualizações dos navegadores (browsers) como Internet Explorer que ficou sem nova versão de 2001 a 2006, o suporte ao CSS pode variar. O Internet Explorer 6, por exemplo, tem suporte total a CSS1 e praticamente nulo a CSS2. Navegadores mais modernos como Opera, Internet Explorer 7 e Mozilla Firefox tem suporte maior, inclusive até a CSS 3, ainda em desenvolvimento.
A interpretação dos browsers pode ser avaliada com o teste Acid2, que se tornou uma forma base de revelar quão eficiente é o suporte de CSS, fazendo com que a nova versão em desenvolvimento do Firefox seja totalmente compatível a ele assim como o Opera já é.

## Agrupar Seletores

Podemos agrupar vários seletores da seguinte forma:

## Tipos de Folhas de Estilo

- Integrado
- Embutido
- Externo

### - Integrada ao HTML

Usado nas próprias TAGs HTML, em seu atributo STYLE, como:
Para evitar problemas de compatibilidade usar entre <head> e </head>:
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">

### - Embutida na página

Se usa no cabeçalho do HTML com as tags <STYLE> ... </STYLE>
As linhas:
São utilizadas para evitar problemas em navegadores sem suporte a CSS, que no caso considerarão como comentário.
Cria-se trechos de código como o acima na TAG head e utiliza-se os elementos definidos nas TAGs HTML da página, assim:

### - Externo

A opção de uso do CSS recomendada é a de criação de um arquivo externo inteiramente em CSS e se importando esse na página, assim:
Para compatibilidade com navegadores mais antigos usa-se a sintaxe:
<LINK REL="stylesheet" HREF="estilo.css" TYPE="text/css">

## Usando duas Folhas de Estilo

(Exibir e Imprimir)
Quando o documento é exibido na tela se utilizará o "tela.css", ignorando a segunda folha. E ao imprimir a página se usará a folha "impressora.css", ignorando a anterior.

## Folhas de Estilo Persistentes

(Que os navegadores não podem desabilitar)
Aplica-se sempre ao documento sem possibilidade de se desabilitá-la.

## Folhas de Estilo Default

Semelhantes às anteriores mas contendo o atributo NAME. Na carga do navegador elas são lançadas na memória e utilizadas na página mas o navegador pode decidir anular seu efeito.

## Folhas de Estilo Alternativas

Estas não se aplicam ao documento a menos que o navegador as selecione.

## Compatibilidade entre Navegadores

Vale lembrar que tanto o CSS quanto o JavaScript e outros recursos utilizados na construção de sites não têm seu uso inteiramente padronizado pelos navegadores. Alguns navegadores não seguem ao pé da letra os padrões o que acarreta alguns sites não serem exibidos de forma adequada por todos os navegadores mas apenas por aquele para o qual o programador previu em sua programação. Cabe a nós desenvolvedores evitar o uso de práticas e recursos que não sejam compatíveis com os principais navegadores, para evitar que alguns visitantes tenham problemas ao acessar o site.

## Ferramentas para auxílio no CSS

Existem diversas boas ferramentas para trabalhar ajudando no CSS de sites.
Dreamweaver
É uma ferramenta comercial somente for Windows muito utilizada, especialmente pelos designers.
Aptana
http://www.aptana.com, que inclusive oferece um plugin para o Eclipse. Ele mostra a compatibilidade de cada tag com os principais navegadores, além de contar com ótimo recurso de auto-completar o HTML, JavaScript e CSS. É uma ferramenta free for Windows, Linux e Mac.
BlueFish e Quanta
São muito boas ferramentas para Linux.

## Referências

- Free Menu Designs (http://e-lusion.com/design/menu/)
- Gerando estilo CSS para botões - http://
- Dicas de CSS - http://www.phpriot.com/d/articles/client-side/css-tips/index.html
- 53 Técnicas de CSS que você não pode viver sem - http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/
- Tutorial básico de hojas de estilo en cascada - http://web.archive.org/20000601205112/www.geocities.com/lunamatic/tutcss/index.html
- Referências CSS 2.1 - http://www.w3.org/TR/2004/CR-CSS21-20040225
- Recomendações CSS-1 - http://www.w3.org/TR/REC-CSS1
- Recomendações CSS-2 - http://www.w3.org/TR/WD-css2
- CSS Wizard - http://ribafs.net/down/tut/html/wizards/csswiz.html
- CSS para Webdesign - http://www.maujor.com/
- glish.com: CSS Layout Techniques - http://www.glish.com/css/
- tanfa - CSS design, style & fun - http://www.tanfa.co.uk/
- CSS Zen Garden - http://www.csszengarden.com/