C ASCADING S TYLE S HEETS Escola Secundária da Batalha TGPSI Pedro Pereira Nº17.

Apresentação em tema: "C ASCADING S TYLE S HEETS Escola Secundária da Batalha TGPSI Pedro Pereira Nº17."— Transcrição da apresentação:

1 C ASCADING S TYLE S HEETS Escola Secundária da Batalha TGPSI Pedro Pereira Nº17

2 C ASCADING S TYLE S HEETS (CSS) Css é simplesmente uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em numa linguagem de marcação, como por exemplo HTML ou XML. A sua principal vantagem é que permite separar o conteúdo ( dados) da apresentação visual.

3 V ANTAGENS DO USO Vantagens: - Uma única folha de estilos que pode controlar a apresentação de várias páginas ou de todo do site. - Um mesmo conteúdo pode ser representado de várias maneiras em diferentes dispositivos com diferentes folhas de estilo. - Facilidade para editar a apresentação. - Facilidade de actualizar o conteúdo.

4 S INTAXE CSS tem uma sintaxe simples e utiliza uma série palavras em inglês para especificar os nomes diferentes estilos de propriedade de uma página. Uma folha de estilo consiste de uma lista de regras, ou seja cada regra ou conjunto de regras consiste de um ou mais seletores e um bloco de declaração.

5 CSS – C ARACTERÍSTICAS GERAIS Herança - um elemento herda as regras aplicadas ao seu elemento. Cascata – é possível associar estilos de várias formas ao seu documento XML. É possível definir regras diferenciadas para diversas formatos.(@media). Importação de folhas de estilos(@import) Definição de conjuntos de caracteres (@charset) Comentários(/* */)

6 CSS- F UNCIONAMENTO Uma folha de estilo é um conjunto de regras armazenadas em um arquivo tipo texto, que por convenção recebe a extensão.css Exemplo:

7 D ECLARAÇÃO E S ELETORES Declaração de bloco: é composta por uma lista de declarações entre as chaves ou seja cada declaração em si é uma propriedade, dois pontos(:), um valor, ou um ponto e virgula. Seletores: são usados para declarar a quais elementos de marcação um estilo se aplica, uma espécie de expressão correspondente ou seja podem ser aplicados a todos os elementos de um tipo específico, ou apenas aqueles elementos que correspondam a um determinado atributo.

8 C SS - EXEMPLO COM XML Nesta folha de estilo tem 5 regras, cada regra tem um seletor neste caso o nome do elemento ao qual a regra se aplica. A primeira regra estabelece que ou seja o elemento POEMA terá uma quebra de linha antes e depois dele(display:block). A segunda regra define que o conteúdo do elemento TITULO terá uma quebra de linha antes e depois. A terceira regra define que o elemento POETA terá uma quebra de linha antes e depois. A quarta é exactamente igual a terceira só que se aplica ao elemento ESTROFE. A quinta regra define que cada elemento VERSO terá uma quebra de linha antes e depois.

9 C SS - P OEMA.XML

10 CSS- B OX POSICIONAMENTO

11 W EBGRAFIA Wikipédia.