Associao de Ensino Superior do Piau

Desenvolvimento em Ambiente Web

Aluno : Anderson Cristiano pereira parentes
Responda:
1. O que caracteriza uma pseudo-classe?

Com Pseudo-classes um elemento pode adquirir caractersticas

enquanto o usurio interage com os elementos em pginas web, por
isso algumas podem ser consideradas dinmicas
2. O que caracteriza um pseudo-elemento?
Muito parecido com as pseudo-classes os pseudo-elementos so
elementos inseridos dinamicamente via CSS. No caso das pseudoclasses, o browser finge que insere uma classe dinmica em um
elemento para que voc customize um determinado estado do
elemento.
3. O que so as fontes seguras?
Se voc se conecta Internet, permite que outras pessoas usem seu
computador ou compartilha arquivos com outros, deve tomar
algumas medidas para proteger o computador. Por qu? Porque
existem criminosos virtuais (tambm chamados hackers) que atacam
os computadores de outras pessoas
4. Quais as famlias de fontes? Cite caractersticas.
As Fontes Tipogrficas, ou simplesmente fontes, ou tipos, so classificadas segundo suas principais
caractersticas, as Serifas. Na tipografia, as Serifas so os pequenos traos e prolongamentos que ocorrem

no fim das hastes das letras. Temos como exemplo mais comuns a fonte Times New Roman.
Porm, ainda temos outros 5 tipos de fontes, umas derivam das serifadas, outras no se encaixam nas
caractersticas acima citadas e so: Moderna, Script, Display, Black Letter e No Latinas. Estas sero
explicadas ao longo deste artigo

5.Explique as seguintes propriedades e exemplifique:

letter-spacing

Esta propriedade define o espao adicional a ser introduzido entre caracteres de uma
mesma palavra. Os valores podem ser negativos mas devem atender aos limites
intrnsecos de cada browser, o qual possui liberdade de escolher um algoritmo prprio.
O espaamento entre letras tambm influenciado pela justificao do texto, o qual
determinado pela propriedade 'align'.
BLOCKQUOTE { letter-spacing: 0.1em }

Neste exemplo, o espaamento entre as letras do elemento 'BLOCKQUOTE'

aumentado em '0.1em'.

Com o valor 'normal', os browsers so capazes de mudar o espao entre letras para
justificar um texto. Isto no possvel se 'letter-spacing' definida especificamente pelo
valor <length>:
BLOCKQUOTE { letter-spacing: 0 }
BLOCKQUOTE { letter-spacing: 0cm }

word-spacing

O valor indicado por 'length' corresponde ao espaamento adicional acrescentado ao

espao padro entre as palavras. Os valores podem ser negativos mas devem atender aos
limites intrnsecos de cada browser, o qual possui liberdade de escolher um algoritmo
prprio. O espaamento entre as palavras tambm pode ser influenciado pelo
alinhamento de pargrafos ( esquerda, direita, centralizado ou justificado), o qual
definido pela propriedade 'text-align'.
H1 { word-spacing: 1em }

Aqui, o espaamento entre cada palavra do elemento 'H1' ser aumentado de '1em'.
line-height

Esta propriedade define a distncia entre as bases de duas linhas adjacentes.

Quando um valor numrico especificado, a altura da linha obtida multiplicando este
valor numrico pelo tamanho da fonte. Isto difere de um valor percentual no modo
como eles so herdados: com o valor numrico especificado, os elementos subordinados
herdam o prprio fator, e no o valor resultante (como o caso com unidades de
percentagem e outras unidades).
No so permitidos valores negativos.
Como exemplo, as trs atribuies a seguir produzem o mesmo resultado.
DIV { line-height: 1.2; font-size: 10pt }
DIV { line-height: 1.2em; font-size: 10pt }
DIV { line-height: 120%; font-size: 10pt }

/* nmero */
/* tamanho */
/* percentagem */

Um valor 'normal' ajusta a altura da linha para um valor compatvel com a fonte que
est sendo usada. recomendado que os browsers usem para o valor 'normal' um
nmero entre 1 e 1,2.
text-align

Esta propriedade descreve como o texto alinhado dentro do elemento. O algoritmo de

alinhamento a ser empregado varia em funo do browser usado e do idioma
empregado.
DIV.center { text-align: center }

Como esta propriedade herdada, todo elemento a nvel de bloco que esteja dentro do
elemento 'DIV' que possua a classe 'center' ('CLASS=center') ser centralizado. Note
que os alinhamentos dependem da largura do elemento, no da largura do ambiente de
exibio. Se o valor 'justify' no suportado pelo browser, este ir substitu-lo,
normalmente, por 'left' para os idiomas ocidentais.

Ncleo CSS1: Os browsers podem tratar 'justify' tanto como sendo 'left' como 'right',
dependendo do direo de escrita do texto ser da 'esquerda para a direita' ou da 'direita
para a esquerda', respectivamente.
text-indent

'capitalize'
transforma o primeiro caracter de cada palavra em maiscula
'uppercase'
transforma todas as letras de todas as palavras em maisculas
'lowercase'
transforma todas as letras de todas as palavras em minsculas
'none'
cancela algum valor que tenha sido herdado
H1 { text-transform: uppercase }

Este exemplo ir escrever todo o elemento 'H1' em letras maisculas.

Ncleo CSS1: browsers podem ignorar a propriedade 'text-transform' (isto , trat-la
como se fosse 'none') nos casos de caracteres que no faam parte do conjunto de
caracteres definidos em Latin-1. O mesmo pode ocorrer para idiomas nos quais a
transformao no esteja definida na tabela de converso Unicode [8].
text-decoration

Esta propriedade indica quais efeitos so aplicados ao texto de um elemento. Se o

elemento no possui texto (tal como 'IMG') ou se um elemento vazio (tal como
'<EM></EM>'), esta propriedade no produz efeito algum. Um valor 'blink' faz o texto
piscar.
As cores usadas na aplicao dos efeitos so retiradas da propriedade 'color'.
Esta propriedade no herdada, mas os elementos devem obedecer ao padro de seus
pais. Ou seja, se um elemento est subscrito esta caracterstica deve passar para seus
elementos subordinados. A cor usada no sublinhamento no ir mudar, mesmo que os
elementos subordinados possuam valores diferentes para a propriedade 'color'.
A:link, A:visited, A:active { text-decoration: underline }

Neste exemplo, todos os links devero ser sublinhados (ou seja, todos os elementos 'A'
com atributo 'HREF' definido).
Os browsers devem reconhecer a palavra-chave 'blink', porm no esto obrigados a
suportar este efeito
text-transform

'capitalize'
transforma o primeiro caracter de cada palavra em maiscula
'uppercase'
transforma todas as letras de todas as palavras em maisculas
'lowercase'

transforma todas as letras de todas as palavras em minsculas

'none'
cancela algum valor que tenha sido herdado

H1 { text-transform: uppercase }

Este exemplo ir escrever todo o elemento 'H1' em letras maisculas.

Ncleo CSS1: browsers podem ignorar a propriedade 'text-transform' (isto , trat-la
como se fosse 'none') nos casos de caracteres que no faam parte do conjunto de
caracteres definidos em Latin-1. O mesmo pode ocorrer para idiomas nos quais a
transformao no esteja definida na tabela de converso Unicode [8].

6. Explique a propriedade font e diga quais valores ela pode assumir

7. Explique a propriedade background e diga quais valores ela pode

assumir

A propriedade 'background' um atalho para definir os valores das demais

propriedades relacionadas ao fundo de exibio em um nico lugar da folha de
estilos.
Os valores permitidos esto indicados na descrio individual, dada acima, de
cada propriedade 'background'.
BODY { background: red }
P { background: url(chess.png) gray 50% repeat fixed }

8. Quais as possveis formas de se declarar uma cor no CSS?

O Mdulo das CSS3 denominado "CSS3 Color Module" destina-se a especificar as

diferentes maneiras de se atribuir valores para as propriedades CSS que admitem cores
tais como background-color e color. O Mdulo encontra-se na fase de rascunho de
trabalho do W3C, mas sua implementao parcial j realidade nos navegadores
standards e no IE9+
O objetivo deste mdulo segundo as especificaes do W3C o seguinte:
9. Como funciona a declarao de cor "rgb"?
O RGBA funciona da mesma forma que o RGB. No caso do RGBA, alm dos 3
canais RGB (Red, Green e Blue) h um quarto canal, A (Alpha) que controla
a opacidade da cor. Nesse caso, podemos controlar a opacidade da cor de
background, borda, color ou qualquer propriedade que contenha cor sem
afetar a transparncia dos outros elementos:

10.Quais das formas de declarao de cor so "rgb" ? A declarao

"Hexadecimal rgb"?
Normalmente em web trabalhamos com cores na forma de
hexadecimal. a forma mais comum e mais utilizada desde os
primrdios do desenvolvimento web. Mesmo assim, h outros
formatos menos comuns que funcionam sem problemas, um
destes formatos o RGB. O RGB so 3 conjuntos de nmeros que
comeam no 0 e vo at 255 (0% at 100%), onde o primeiro
bloco define a quantidade de vermelho (Red), o segundo bloco a
quantidade de verde (Green) e o ltimo bloco a quantidade de
azul (Blue). A combinao destes nmeros formam todas as cores
que voc pode imaginar.