Curso Online de Aplicativos para Internete CSS

Valdey valente silva

Aplicativos para Internet CSS

"Style sheets" ou "Folhas de Estilo"

CSS é um padrão recomendado pelo W3C para todos os browsers (World Wide Web Consortium é a entidade que cuida do desenvolvimento e padronização das tecnologias ligadas à Web).
"Cascading Style sheets" ou "Folhas de Estilo Encadeadas" é uma tecnologia (linguagem) criada para definir estilos (cores, tipologia, posicionamento, etc ...)

Recomendações para o desenvolvedor

Com CSS economiza-se tempo de criação e manutenção (isola os códigos de formatação aplicado a várias páginas HTML em um único arquivo ".css");
Reduz código de descritores HTML da página (tags);
os navegadores (browsers) carregam mais rápido;

Recomendações para o desenvolvedor

maior eficiência no gerenciamento do layout;
CSS é simples pois descreve apenas estilos;
Com recursos mais avançados de CSS pode-se conseguir um design sofisticado sem utilização de imagens e tabelas.

Ordem de prioridade

default
do Browser
CSS externo (arquivo ".css")
CSS interno (dentro da tag )
Estilos inline (dentro do elemento HTML)

Herança

Herança significa que você pode especificar estilos variados (classes) para cada elemento na página, e cada classe herdará algumas características de estilo de seu elemento básico ou de seu elemento pai na estrutura do documento HTML.

Exemplo 1

Para produzir um parágrafo básico, você deve usar simplesmente uma tag

, e para produzir o parágrafo pequeno e centralizado, você deve acrescentar o atributo class=small (

).
Os parágrafos na página que utilizarem

herdarão os estilos font-family, fontweight e color definidos para a tag

.

Exemplo 1

P { font-family: verdana,arial,sans-serif; font-weight: bold; font-size: 12pt; color: #00cc00; }
P.small { font-size: 8pt; text-align: center; }

Exemplo 2

a tag herda a característica "font-size" da tag

pois é filha dentro da estrutura do HTML.