Questões de Concurso sobre CSS

Qual propriedade da Folha de Estilo em Cascata (Cascading Style Sheets - CSS) é utilizada para definir o espaço interno de um elemento?

MAZZA, L. HTML5 e CSSS Domine a Web do futuro. São Paulo: Casa do Código, 2014.

Ao estilizar um website responsivo, o desenvolvedor precisa de flexibilidade no layout, garantindo que o cabeçalho (<header>) ocupe toda a largura disponível e que seus itens internos (logotipo, menu e barra de busca) sejam distribuídos horizontalmente com espaçamento igual entre eles. Além disso, o logotipo deve permanecer fixo no canto esquerdo, enquanto o menu e a barra de busca devem se alinhar à direita, ocupando o espaço restante.

Assinale a opção que indica a combinação de propriedades CSS mais adequada para alcançar a distribuição horizontal flexível e o espaçamento igual dentro do <header>, e o valor da propriedade que deve ser aplicado ao item de menu ou barra de busca para que ele ocupe todo o espaço intermediário, empurrando o restante dos elementos para a direita

A propriedade border-style do CSS possui diversos estilos de bordas, sendo que cada um deles permite que o desenvolvedor desenvolva uma página site que especifique o tipo de borda a ser utilizada no elemento HTML.

O valor de border-style que define uma borda ranhurada 3D é

No desenvolvimento web, considere os seguintes trechos de código HTML e CSS.

Trecho de Código em HTML

Trecho de Código em CSS

Com base nos trechos de código apresentados, é correto afirmar que

O Mozilla Firefox e o Google Chrome não apresentam variações no que se refere à interpretação e à implementação do CSS e JavaScript usados na codificação de uma página para a Internet.

No C€SS3, a propriedade position: fixed; permite que um elemento fique posicionado de forma relativa ao fluxo normal da página, movendo-se conforme o usuário rola a tela.

O setor de TI da SEMCONGER está desenvolvendo uma interface web interativa para consulta de relatórios fiscais. Para isso, os programadores precisam garantir responsividade e usabilidade da aplicação, utilizando HTML, CSS e JavaScript. A equipe de desenvolvimento discutiu diferentes abordagens para melhorar o desempenho da interface, levantar requisitos e otimizar a manipulação do DOM; analise-as.

I. O JavaScript permite manipular dinamicamente os elementos HTML por meio da API Document Object Model (DOM).

II. No CSS, a propriedade display: inline-block; pode ser utilizada para criar elementos alinháveis horizontalmente sem ocupar toda a largura disponível.

III. O DHTML é um conjunto de tecnologias que inclui HTML, CSS e JavaScript para criar páginas dinâmicas e interativas.

IV. O AJAX permite que páginas web façam requisições assíncronas ao servidor, evitando recarregamentos completos.

V. A tag <script> no HTML deve ser sempre posicionada dentro do <head> para garantir que os scripts sejam carregados antes da renderização da página.

Está correto o que se afirma apenas em

Considere o seguinte trecho de código HTML e CSS:

No código acima, o texto “Este é um parágrafo destacado.” será exibido na cor azul e em negrito devido à aplicação da classe destaque. Esse comportamento ocorre porque

Durante uma reunião pedagógica, a professora Ana sugeriu a criação de um site para divulgar os projetos realizados pelos alunos na escola. Ela explicou que a estrutura de uma página web básica inclui HTML para o conteúdo, CSS para estilização e JavaScript para funcionalidades interativas. Alguns professores questionaram a importância de cada uma dessas tecnologias.

No contexto da criação de um site escolar, a principal função do CSS é

Um desenvolvedor web precisa realizar um ajuste no espaçamento entre linhas de um grid. O novo espaçamento entre linhas deve ser de 20 pixels. Indique o CSS correto para o ajuste.

O IFMS está em processo de modernização de seu portal institucional, com foco na criação de uma interface mais interativa e responsiva para os alunos e professores. Como parte desse projeto, o time de Desenvolvimento Web foi responsável por melhorar o design da página de cursos, utilizando CSS3 para criar efeitos dinâmicos e melhorar a experiência do usuário. Durante o desenvolvimento, o time utilizou pseudoclasses do CSS3 para aplicar estilos em elementos de acordo com a interação do usuário. Um dos requisitos era alterar o estilo de elementos de listas de cursos, que não possuíssem subitens, para dar destaque àqueles que são mais simples e diretos.

Com base na situação exposta, assinale a alternativa que apresenta a pseudoclasse do CSS3 usada para estilizar elementos que não possuem filhos, incluindo nós de texto.

No desenvolvimento de interfaces digitais, o design responsivo e o design adaptativo são abordagens utilizadas para garantir a boa experiência do usuário em diferentes dispositivos. Qual das alternativas abaixo descreve corretamente a principal diferença entre as duas abordagens?

O Analista de Sistemas deseja que o tamanho da fonte e o espaçamento de um elemento de navegação se ajustem de forma relativa ao tamanho do viewport, e não de forma fixa.

A seguinte unidade de medida CSS deve ser utilizada para que o tamanho de um elemento seja relativo ao tamanho da viewport, sendo importante para um design fluido e responsivo

Considere as seguintes afirmativas sobre HTML, CSS e JavaScript:

I. HTML, CSS e JavaScript são 3 linguagens de programação muito usadas no fronte-end das aplicações Web e são instaladas e processadas em servidores remotos para atender as solicitações dos clientes.

II. Tanto HTML quanto CSS são linguagens usadas principalmente para estruturar os elementos da página Web, como parágrafos, links, títulos, tabelas, imagens, vídeos.

III. O CSS, Cascading Style Sheet, é essencialmente uma linguagem de programação que permite o desenvolvimento e o código para o desenvolvimento da parte estética das páginas Web.

IV. Diferentemente de HTL e CSS, o JavaScript é uma linguagem de programação Web que permite o processamento e a transformação de dados enviados e recebidos pela Web, provendo dinâmica e atualização das informações.

Está(ão) correta(s)

Ao projetar uma página responsiva utilizando a abordagem Mobile First, o Analista de Sistemas deve garantir que o estilo base (móvel) seja definido primeiro e, posteriormente, as regras para telas maiores sejam aplicadas.

Das estruturas Media Query abaixo, a que está sintaticamente correta e é tipicamente usada para aplicar estilos específicos para telas maiores que 768px em um projeto Mobile First é a

A linguagem CSS é extremamente importante para a estilização de páginas web. Diante do exposto, assinale a alternativa que apresenta que propriedade CSS3 é usada para aplicar sombras a elementos.

No desenvolvimento de aplicações Web, considerando a interface de usuário das aplicações,

Suponha que queiramos definir um estilo CSS externamente (“external CSS”), num arquivo chamado de ‘estiloufrpe.css’. Então, dentro da seção ‘<head>’, o que escrevemos?

No âmbito do desenvolvimento web moderno, a aplicação de recursos especiais através do CSS desempenha um papel fundamental na criação de experiências visuais ricas e interativas. Esses recursos, que incluem, desde a implementação de um CSS de normalização, até a utilização de flexbox para layouts responsivos, permitem aos desenvolvedores transcender as limitações dos estilos tradicionais, oferecendo interfaces mais dinâmicas e acessíveis. Dentro deste espectro de técnicas avançadas, uma propriedade particular do CSS é notória por sua capacidade de adicionar uma dimensão visual aprimorada a elementos da interface, projetando uma sombra que não apenas melhora a distinção visual, mas também contribui para a percepção de profundidade no design. Levando em consideração o arsenal de recursos especiais disponíveis, qual é a prática recomendada para criar um efeito de sombra que destaque elementos na interface sem recorrer diretamente à codificação?

Ao estruturar um layout de página usando CSS moderno, você decide utilizar uma abordagem flexível e responsiva. A propriedade CSS a ser utilizada para criar um container que permita o alinhamento flexível de seus itens internos é