|
1) Como selecionar todos os elementos do par�grafo cujo atributo lang cont�m valores que s�o exatamente "en" ou come�am com "en-"?
p[lang | = "en"] - seleciona todos os elementos de par�grafo cujo atributo lang cont�m valores que s�o exatamente "en" ou come�am com "en-".
2) Quais s�o as v�rias maneiras de usar CSS em uma p�gina HTML?
Existem quatro maneiras de associar estilos ao seu documento HTML. Os m�todos mais usados s�o CSS inline e CSS externo:
- CSS incorporado - O elemento <style>: voc� pode colocar suas regras CSS em um documento HTML usando o elemento <style>.
- CSS Inline - O estilo Atributo: Voc� pode usar o atributo style de qualquer elemento HTML para definir regras de estilo.
- CSS Externo - O elemento <link>: O elemento <link> pode ser usado para incluir um arquivo de folha de estilo externo em seu documento HTML.
- CSS importado - @import. Regra: @import � usado para importar uma folha de es-tilo externa de maneira semelhante ao elemento <link>.
3) O que � um seletor de CSS?
� uma string que identifica os elementos aos quais uma declara��o espec�fica se aplica.
Tamb�m � referido como um link entre o documento HTML e a folha de estilo. � equivalente a elementos HTML.
Existem v�rios tipos diferentes de seletores em CSS:
- Seletor de Elemento CSS
- Seletor de ID CSS
- Seletor de Classe CSS
- Seletor Universal de CSS
- Seletor de Grupo CSS
4) Nomeie alguns componentes de estilo CSS:
Alguns componentes do estilo CSS s�o:
- Seletor
- Propriedade
- Valor
5) Qual � o uso da Opacidade CSS?
A propriedade de opacidade CSS � usada para especificar a transpar�ncia de um elemento. Em palavras simples, voc� pode dizer que especifica a clareza da imagem. Em termos t�c-nicos, a Opacidade � definida como o grau em que a luz pode viajar atrav�s de um objeto. Por exemplo:
<style>
img.trans {
opacity: 0.4;
filter: alpha(opacity=40);
}
</style>
6) Como funciona o estilo CSS overriding?
A seguir, a regra para substituir qualquer regra de folha de estilo:
- Qualquer folha de estilo inline assume a maior prioridade. Portanto, ele substituir� qualquer regra definida nas tags <style> ... </ style> ou regras definidas em qual-quer arquivo de folha de estilo externo.
- Qualquer regra definida nas tags <style> ... </ style> substituir� as regras definidas em qualquer arquivo de folha de estilo externo.
- Qualquer regra definida no arquivo de folha de estilo externo assume a prioridade mais baixa e as regras definidas nesse arquivo ser�o aplicadas somente quando as duas regras acima n�o forem aplic�veis.
7) Qual � o objetivo da unidade de medida �%�?
% - define uma medida como uma porcentagem relativa a outro valor, geralmente um elemento delimitador. Por exemplo:
p {tamanho da fonte: 16pt; altura da linha: 125%;}
8) Qual � o objetivo da unidade de medida �cm�?
cm - define uma medida em cent�metros.
Por exemplo:
div {margem-fundo: 2cm;}
9) Qual � a diferen�a entre seletores de classe e seletores de ID?
Um bloco geral � dado ao seletor de classe, enquanto os seletores de ID levam apenas um �nico elemento diferente de outros elementos.
Seletor de Classe CSS:
<style>
.center {
text-align: center;
color: blue;
}
</style>
Seletor CSS Id:
<style>
#para1 {
text-align: center;
color: blue;
}
</style>
10) Quais s�o as vantagens das Folhas de Estilo Externas?
- Voc� pode criar classes para reutiliz�-lo em v�rios documentos.
- Ao us�-lo, voc� pode controlar os estilos de v�rios documentos de um arquivo.
- Em situa��es complexas, voc� pode usar seletores e m�todos de agrupamento para aplicar estilos.
11) Qual � a diferen�a entre folhas de estilo inline, embedded e external?
Inline: Inline Style Sheet � usado para estilizar apenas um pequeno peda�o de c�digo.
Sintaxe:
<htmltag style="cssproperty1:value; cssproperty2:value;"> </htmltag>
Embedded: Folhas de estilo incorporadas s�o colocadas entre as tags <head> ... </ head>.
Sintaxe:
<style>
body {
background-color: linen;
}
h1 {
color: red;
margin-left: 80px;
}
</style>
External: usado para aplicar o estilo a todas as p�ginas do seu site, alterando apenas uma folha de estilos.
Sintaxe:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
12) Qual � o prop�sito da unidade de medi��o �em�?
em - Uma medida relativa para a altura de uma fonte em espa�os. Como uma unidade � equivalente ao tamanho de uma determinada fonte, se voc� atribuir uma fonte a 12pt, cada unidade "em" seria 12pt; assim, 2em seria 24pt.
p{espa�amento entre letras: 7em;}
13) Qual � o prop�sito da unidade de medida �ex�?
ex - Esse valor define uma medida relativa � altura x de uma fonte. A altura x � determi-nada pela altura da letra min�scula da fonte.
p{tamanho da fonte: 24pt; line-height: 3ex;}
14) Qual � o prop�sito da unidade de medida �in�?
in - define uma medida em polegadas.
Por exemplo:
p{espa�amento entre palavras: .15in;}
15) Qual � o objetivo da unidade de medi��o �mm�?
mm - define uma medida em mil�metros.
Por exemplo:
p{espa�amento entre palavras: 15 mm;}
16) Qual � o objetivo da unidade de medi��o do �pc�?
pc - define uma medida em picas. Uma paica � equivalente a 12 pontos; Assim, existem 6 picas por polegada.
Por exemplo:
p{font-size: 20pc;}
17) O que � o RWD?
RWD significa Responsive Web Design. Essa t�cnica � usada para exibir a p�gina projetada perfeitamente em cada tamanho de tela e dispositivo,
por exemplo, celular, tablet, desktop e laptop. Voc� n�o precisa criar uma p�gina diferente para cada dispositivo.
18) Quais s�o os benef�cios dos sprites CSS?
Se uma p�gina da Web tiver um grande n�mero de imagens que demoram mais tempo para carregar, porque cada imagem envia separadamente uma solicita��o HTTP.
O conceito de sprites CSS � usado para reduzir o tempo de carregamento de uma p�gina da Web, pois combina as v�rias imagens pequenas em uma imagem.
Reduz o n�mero de solicita��es HTTP e, portanto, o tempo de carregamento.
19) Qual � a diferen�a entre tags l�gicas e tags f�sicas?
- As tags f�sicas s�o chamadas de marca��o de apresenta��o, enquanto os tags l�gi-cas s�o in�teis para apar�ncias.
- As tags f�sicas s�o vers�es mais recentes, por outro lado, as tags l�gicas s�o antigas e se concentram no conte�do.
20) Qual � o objetivo da unidade de medi��o �pt�?
pt - define uma medida em pontos. Um ponto � definido como 1/7 de polegada.
|