Baixe Folha de Estilo - CSS e outras Notas de estudo em PDF para Análise de Sistemas de Engenharia, somente na Docsity!

Aplicações Internet e Comércio

Eletrônico

FESC Fundação de Ensino Superior de Clevelândia Prof.: Marcelo Guilherme Kühl, Esp. marcelokuhl@gmail.com Folha de Estilo - CSS

CSS - Cascading Style Sheet

Trata-se de um padrão de formatação para páginas web que vai além das limitações impostas pelo HTML. Proposto pelo W3C, o CSS foi introduzido pela primeira vez pela Microsoft, no lançamento do Internet Explorer 3.0.

CSS - Cascading Style Sheet

O CSS permite ao designer um controle maior sobre os atributos de uma página, como:  tamanho e cor das fontes;  espaçamento entre linhas e caracteres;  margem do texto;  entre outros. Possibilita também às páginas a utilização de layers , permitindo a sobreposição de texto sobre texto, texto sobre figuras ou figura sobre figura.

Layers

Texto sobre texto: Figura sobre Figuras: Texto sobre figuras:

Vantagem

Exemplo:  A tag

em quase todos os web sites parece a mesma - texto preto onde o tamanho da fonte é consideravelmente maior que o corpo do texto normal.  Se o desejado for criar seus próprios títulos diferenciados, deve-se formatar cada tag de título individualmente, utilizando a tag ou similares.  Se mais tarde mudar de idéias sobre a aparência desses títulos, deverá voltar e mudar cada título individualmente. Ou seja, um processo lento e trabalhoso.

Vantagem

Uma grande vantagem é que a folha de estilo CSS permite realizar uma “declaração global“, facilitando a formatação. É possível definir um estilo personalizado para cada elemento de design em seu web site.

Soluções

Para resolver esses problemas, os desenvolvedores têm duas opções:

1. Escrever folhas de estilos simples, que funcionarão em todos os browsers ; ou
2. Usar JavaScript para detectar o tipo de browser do usuário e fazer um link para folhas de estilos diferentes (e escrever linhas de código diferentes em alguns casos) de acordo com cada browser.

Formas de Implementação

Os estilos podem ser inseridos nos documentos de três maneiras diferentes:

1. Estilo inline : dentro de uma tag HTML; 2. Estilo incorporado: definido entre as tags e do documento; e 3. Estilo externo: arquivo .CSS.

2. Estilo Incorporado

Define os estilo dentro de uma tag