vvvvvv

Aula 06
Ferramentas para Sistemas Web
Prof. Edson [[e-mail]]
27/03/2014

Dúvidas do ATPS

Dúvidas do ATPS
Substitua Mockinbird pelo Pencil Project http://pencil.evolus.vn/ Revisão

Revisão
• CSS
– No elemento HTML através do atributo style (não recomendado). – Dentro de um elemento com a tag style.
– Em arquivo à parte do documento HTML.

• Regras e Propriedades
– Propriedade => característica visual de um elemento HTML.
– Regra => conjunto de propriedades definidas.

5

Seletor

Declaração

Propriedade

Valor

Declaração

Propriedade

CSS Sintaxe

Valor

Propriedades CSS

Propriedades de Fontes
• Definem o tipo de letra, o tamanho e o estilo de um texto.
• Existem dois tipos familias de fontes:
– Generic Family
• Grupo de familias de fontes com aparência similar (tais como “Serif” ou “Monospace”)

– Font Family
• Familia de fonte especifica (tais como "Times New
Roman" ou "Arial")

Generic
Family

Font Family

Descrição

Serif

Times New
Roman, Georgia

Fontes serifadas pelos pequenos ornamentos em suas terminações Sans-serif

Arial, Verdana

Essas fontes não possuem os ornamentos das fontes serifadas Monospace

Courier New,
Lucida Console

Caracteres monospace possuem a mesma largura

Familias de Fontes CSS

Diferenças entre Fontes Serif e Sans-Serif

Propriedade Font Family
• No exemplo anterior, o navegador verificará se a fonte
“Arial” está disponível e a utilizará para renderizar os textos de todos os elementos do nosso documento que, por cascata, herdarão essa propriedade do elemento body.
• Caso a fonte “Arial” não esteja disponível, o navegador verificará a disponibilidade da próxima fonte declarada, no nosso exemplo a “Helvetica”. Caso o navegador não encontre também essa fonte, ele solicita qualquer fonte que pertença à família “sans-serif ”, declarada logo a seguir, e a utiliza para exibir o texto, não importa qual seja ela.