Buscar

html-atividade-aula-3-1

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 3, do total de 14 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 6, do total de 14 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 9, do total de 14 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Prévia do material em texto

1 Indique a opção que representa a maneira correta de chamar um arquivo externo CSS em uma página HTML:
a) ​​​​​​​ 
Resposta incorreta
​​​​​​​
b) ​​​​​​​
Resposta incorreta
​​​​​​​
c) 
​​​​​​​
Resposta incorreta
​​​​​​​
d) ​​​​​​​
Resposta correta
​​​​​​​
Enviada em
13/06/2020 03:15
2 marue a opção que indica a alternativa correta em relação às propriedades de uma caixa em CSS3:
a) 
Box-sizing, box-shadow, border e media. 
Resposta incorreta
A resposta correta é Content, padding, border e margin, pois uma caixa pode ter as seguintes propriedades - conteúdo (content), espaçamento (padding), borda (border) e margin (margin) que definem um item das dimensões da caixa: ​​​​​​​As demais propriedades válidas do CSS têm as seguintes funcionalidades: Box-sizing é utilizada para alterar a propriedade padrão da caixa, usada para calcular larguras (widths) e alturas (heights) dos elementos. O box-shadow é utilizado para adicionar efeitos de sombra em volta de um elemento. A regra Média permitia a aplicação condicional de estilos, dependendo do tipo de dispositivo/mídia (média types) acessado. A propriedade position especifica o tipo de método de posicionamento usados para um elemento (static, relative, fixed, absolute or sticky). A propriedade perspective determina a distância entre o plano z = 0 e o usuário para dar uma perspectiva a um elemento posicionado em 3D. Top, left afetam a posição de um elemento, enquanto que width e height a largura e altura. A propriedade “transform” aplica uma transformação 2D ou 3D a um elemento.
b) 
Top, left, position e perspective. 
Resposta incorreta
A resposta correta é Content, padding, border e margin, pois uma caixa pode ter as seguintes propriedades - conteúdo (content), espaçamento (padding), borda (border) e margin (margin) que definem um item das dimensões da caixa: ​​​​​​​As demais propriedades válidas do CSS têm as seguintes funcionalidades: Box-sizing é utilizada para alterar a propriedade padrão da caixa, usada para calcular larguras (widths) e alturas (heights) dos elementos. O box-shadow é utilizado para adicionar efeitos de sombra em volta de um elemento. A regra Média permitia a aplicação condicional de estilos, dependendo do tipo de dispositivo/mídia (média types) acessado. A propriedade position especifica o tipo de método de posicionamento usados para um elemento (static, relative, fixed, absolute or sticky). A propriedade perspective determina a distância entre o plano z = 0 e o usuário para dar uma perspectiva a um elemento posicionado em 3D. Top, left afetam a posição de um elemento, enquanto que width e height a largura e altura. A propriedade “transform” aplica uma transformação 2D ou 3D a um elemento.
c) 
Content, padding, border e margin.
Resposta correta
A resposta correta é Content, padding, border e margin, pois uma caixa pode ter as seguintes propriedades - conteúdo (content), espaçamento (padding), borda (border) e margin (margin) que definem um item das dimensões da caixa: ​​​​​​​As demais propriedades válidas do CSS têm as seguintes funcionalidades: Box-sizing é utilizada para alterar a propriedade padrão da caixa, usada para calcular larguras (widths) e alturas (heights) dos elementos. O box-shadow é utilizado para adicionar efeitos de sombra em volta de um elemento. A regra Média permitia a aplicação condicional de estilos, dependendo do tipo de dispositivo/mídia (média types) acessado. A propriedade position especifica o tipo de método de posicionamento usados para um elemento (static, relative, fixed, absolute or sticky). A propriedade perspective determina a distância entre o plano z = 0 e o usuário para dar uma perspectiva a um elemento posicionado em 3D. Top, left afetam a posição de um elemento, enquanto que width e height a largura e altura. A propriedade “transform” aplica uma transformação 2D ou 3D a um elemento.
Enviada em
13/06/2020 03:21
d) 
Transform, reform, width e height. 
Resposta incorreta
A resposta correta é Content, padding, border e margin, pois uma caixa pode ter as seguintes propriedades - conteúdo (content), espaçamento (padding), borda (border) e margin (margin) que definem um item das dimensões da caixa: ​​​​​​​As demais propriedades válidas do CSS têm as seguintes funcionalidades: Box-sizing é utilizada para alterar a propriedade padrão da caixa, usada para calcular larguras (widths) e alturas (heights) dos elementos. O box-shadow é utilizado para adicionar efeitos de sombra em volta de um elemento. A regra Média permitia a aplicação condicional de estilos, dependendo do tipo de dispositivo/mídia (média types) acessado. A propriedade position especifica o tipo de método de posicionamento usados para um elemento (static, relative, fixed, absolute or sticky). A propriedade perspective determina a distância entre o plano z = 0 e o usuário para dar uma perspectiva a um elemento posicionado em 3D. Top, left afetam a posição de um elemento, enquanto que width e height a largura e altura. A propriedade “transform” aplica uma transformação 2D ou 3D a um elemento.
e) 
Box-starting, box-shadow, box-gradient e box-square. 
Resposta incorreta
A resposta correta é Content, padding, border e margin, pois uma caixa pode ter as seguintes propriedades - conteúdo (content), espaçamento (padding), borda (border) e margin (margin) que definem um item das dimensões da caixa: ​​​​​​​As demais propriedades válidas do CSS têm as seguintes funcionalidades: Box-sizing é utilizada para alterar a propriedade padrão da caixa, usada para calcular larguras (widths) e alturas (heights) dos elementos. O box-shadow é utilizado para adicionar efeitos de sombra em volta de um elemento. A regra Média permitia a aplicação condicional de estilos, dependendo do tipo de dispositivo/mídia (média types) acessado. A propriedade position especifica o tipo de método de posicionamento usados para um elemento (static, relative, fixed, absolute or sticky). A propriedade perspective determina a distância entre o plano z = 0 e o usuário para dar uma perspectiva a um elemento posicionado em 3D. Top, left afetam a posição de um elemento, enquanto que width e height a largura e altura. A propriedade “transform” aplica uma transformação 2D ou 3D a um elemento
e) ​​​​​​​ 
Resposta incorreta
3) 
Em relação aos seletores de classe, marque a alternativa correta:
a) 
Pode-se aplicar mais de um estilo de seletor de classe para um elemento HTML. 
Resposta correta
Seletores de classe permitem aplicar mais de um estilo para um elemento HTML. No caso de sobreposição de estilos, o navegador aplicará o estilo que for chamado primeiro. O nome de um seletor de classe deve ser definido pelo usuário, podendo conter quaisquer caracteres, excetuando-se caracteres especiais e espaços em branco.
Enviada em
13/06/2020 03:23
b) 
Cada elemento HTML pode conter apenas um estilo de seletor de classe. 
Resposta incorreta
Seletores de classe permitem aplicar mais de um estilo para um elemento HTML. No caso de sobreposição de estilos, o navegador aplicará o estilo que for chamado primeiro. O nome de um seletor de classe deve ser definido pelo usuário, podendo conter quaisquer caracteres, excetuando-se caracteres especiais e espaços em branco.
c) 
O nome de um seletor de classe deve iniciar com a palavra reservada “sel”, seguida de um identificador. 
Resposta incorreta
Seletores de classe permitem aplicar mais de um estilo para um elemento HTML. No caso de sobreposição de estilos, o navegador aplicará o estilo que for chamado primeiro. O nome de um seletor de classe deve ser definido pelo usuário, podendo conter quaisquer caracteres, excetuando-se caracteres especiais e espaços em branco.
d) 
Seletores de classe não podem ser nomeados porque são identificados por um Id. 
Resposta incorreta
Seletores de classe permitem aplicar mais de um estilo para um elemento HTML. No caso de sobreposição de estilos, o navegador aplicará o estilo que for chamado primeiro. O nome de um seletor de classe deve ser definido pelo usuário, podendo conter quaisquer caracteres, excetuando-se caracteresespeciais e espaços em branco.
e) 
Nomes de seletores de classe podem conter quaisquer caracteres, inclusive espaços em branco. 
Resposta incorreta
Seletores de classe permitem aplicar mais de um estilo para um elemento HTML. No caso de sobreposição de estilos, o navegador aplicará o estilo que for chamado primeiro. O nome de um seletor de classe deve ser definido pelo usuário, podendo conter quaisquer caracteres, excetuando-se caracteres especiais e espaços em branco
4) 
Indique a alternativa correta em relação ao seletor de Id:
a) 
O caractere @ indica que o Id é incrementado automaticamente pelo navegador web. 
Resposta incorreta
Um seletor de Id utiliza o caractere # para declarar seu nome e só pode ser utilizado uma única vez dentro da página HTML, ou seja, há limitação. Além disso, um seletor de Id pode ser chamado simultaneamente com um ou mais seletores de classe em um elemento HTML.
O caractere utilizado para sua identificação é o # e não o @.
b) 
Um elemento HTML não pode chamar seletores de classe e de Id simultaneamente. 
Resposta incorreta
Um seletor de Id utiliza o caractere # para declarar seu nome e só pode ser utilizado uma única vez dentro da página HTML, ou seja, há limitação. Além disso, um seletor de Id pode ser chamado simultaneamente com um ou mais seletores de classe em um elemento HTML.
O caractere utilizado para sua identificação é o # e não o @.
c) 
Utiliza-se o caractere @ para declarar um seletor de Id. 
Resposta incorreta
Um seletor de Id utiliza o caractere # para declarar seu nome e só pode ser utilizado uma única vez dentro da página HTML, ou seja, há limitação. Além disso, um seletor de Id pode ser chamado simultaneamente com um ou mais seletores de classe em um elemento HTML.
O caractere utilizado para sua identificação é o # e não o @.
d) 
Não existe limite para uso de seletor de Id dentro de uma página HTML. 
Resposta incorreta
Um seletor de Id utiliza o caractere # para declarar seu nome e só pode ser utilizado uma única vez dentro da página HTML, ou seja, há limitação. Além disso, um seletor de Id pode ser chamado simultaneamente com um ou mais seletores de classe em um elemento HTML.
O caractere utilizado para sua identificação é o # e não o @.
e) 
Pode ser usado apenas uma única vez dentro de uma página HTML. 
Resposta correta
Um seletor de Id utiliza o caractere # para declarar seu nome e só pode ser utilizado uma única vez dentro da página HTML, ou seja, há limitação. Além disso, um seletor de Id pode ser chamado simultaneamente com um ou mais seletores de classe em um elemento HTML.
O caractere utilizado para sua identificação é o # e não o @.
Enviada em
13/06/2020 03:30
5) 
São operadores lógicos suportados por Media Feature:
a) 
All, empty, and e or. 
Resposta incorreta
Os operadores lógicos de Média Feature são only, and, not e or. Esses operadores lógicos permitem montar expressões complexas para pesquisas em Média Query. Only - aplica os estilos em navegadores que suportam média query. Not - indica uma situação de negação a expressão média query aplicada. Or - une diversas expressões e aplica o estilo se apenas uma for verdadeira. And - une diversas expressões e aplica o estilo se todas elas forem verdadeiras. Os outros itens (all, empty, equal, Less than, greater than, equals e not equals) não são operadores lógicos desse recurso.
b) 
Only, and, not e or. 
Resposta correta
Os operadores lógicos de Média Feature são only, and, not e or. Esses operadores lógicos permitem montar expressões complexas para pesquisas em Média Query. Only - aplica os estilos em navegadores que suportam média query. Not - indica uma situação de negação a expressão média query aplicada. Or - une diversas expressões e aplica o estilo se apenas uma for verdadeira. And - une diversas expressões e aplica o estilo se todas elas forem verdadeiras. Os outros itens (all, empty, equal, Less than, greater than, equals e not equals) não são operadores lógicos desse recurso.
Enviada em
13/06/2020 03:33
c) 
All, and, not e or. 
Resposta incorreta
Os operadores lógicos de Média Feature são only, and, not e or. Esses operadores lógicos permitem montar expressões complexas para pesquisas em Média Query. Only - aplica os estilos em navegadores que suportam média query. Not - indica uma situação de negação a expressão média query aplicada. Or - une diversas expressões e aplica o estilo se apenas uma for verdadeira. And - une diversas expressões e aplica o estilo se todas elas forem verdadeiras. Os outros itens (all, empty, equal, Less than, greater than, equals e not equals) não são operadores lógicos desse recurso.
d) 
Only, equal, not e all. 
Resposta incorreta
Os operadores lógicos de Média Feature são only, and, not e or. Esses operadores lógicos permitem montar expressões complexas para pesquisas em Média Query. Only - aplica os estilos em navegadores que suportam média query. Not - indica uma situação de negação a expressão média query aplicada. Or - une diversas expressões e aplica o estilo se apenas uma for verdadeira. And - une diversas expressões e aplica o estilo se todas elas forem verdadeiras. Os outros itens (all, empty, equal, Less than, greater than, equals e not equals) não são operadores lógicos desse recurso.
e) 
Less than, greater than, equals e not equals. 
Resposta incorreta
Os operadores lógicos de Média Feature são only, and, not e or. Esses operadores lógicos permitem montar expressões complexas para pesquisas em Média Query. Only - aplica os estilos em navegadores que suportam média query. Not - indica uma situação de negação a expressão média query aplicada. Or - une diversas expressões e aplica o estilo se apenas uma for verdadeira. And - une diversas expressões e aplica o estilo se todas elas forem verdadeiras. Os outros itens (all, empty, equal, Less than, greater than, equals e not equals) não são operadores lógicos desse recurso
1 
Indique a opção que representa a maneira correta de chamar um arquivo 
externo CSS em uma página HTML:
 
a) 
 
 
Resposta incorreta
 
 
b) 
 
 
Resposta incorreta
 
1 Indique a opção que representa a maneira correta de chamar um arquivo 
externo CSS em uma página HTML: 
a) 
 
Resposta incorreta 
 
b) 
 
 
Resposta incorreta

Outros materiais