|
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.
| 
