Questões de Concurso sobre CSS

Analise o código abaixo:

Com base na especificação do W3C para o módulo Flexbox, qual será a disposição visual dos elementos, da esquerda para a direita, na tela do navegador?

Considere o seguinte código HTML5 e CSS3:

Com base no funcionamento dos seletores e da cascata de estilos em CSS3, assinale a alternativa que apresenta corretamente a formatação aplicada aos parágrafos.

Durante a reformulação do portal eletrônico de uma secretaria estadual, a equipe responsável pela interface decidiu reorganizar as folhas de estilo da aplicação para melhorar a manutenção do código e garantir maior consistência visual entre diferentes páginas do sistema. No processo de revisão, foram discutidos aspectos relacionados à forma de aplicação das regras CSS (Folhas de Estilo em Cascata), herança de estilos e prioridades na interpretação das declarações pelo navegador. Com base em conceitos fundamentais de CSS, analise as afirmativas a seguir:

I.O CSS pode ser aplicado a um documento HTML por meio de folhas de estilo externas, regras internas no elemento <style> ou diretamente em elementos HTML por meio do atributo style.

II.Em situações de conflito entre regras aplicáveis ao mesmo elemento, o CSS utiliza critérios de prioridade, considerando fatores como especificidade do seletor, origem da regra e ordem de declaração.

III.O mecanismo de herança em CSS permite que determinados elementos recebam automaticamente algumas propriedades definidas em elementos ancestrais, embora nem todas as propriedades sejam herdadas.

IV.O modelo de caixa (box model) em CSS descreve como os elementos são renderizados na página, incluindo componentes como conteúdo, preenchimento (padding), borda (border) e margem (margin).

V.No CSS, seletores de classe são identificados pelo símbolo #, enquanto seletores de identificação única são indicados pelo símbolo ..

Assinale a alternativa CORRETA:

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

De acordo com as regras de especificidade do CSS3, qual será a cor do texto exibido no parágrafo?

Questão 18. O portal público de transparência de um consórcio intermunicipal passou por redesenvolvimento e a equipe responsável precisou definir as regras de estilo visual das páginas. Durante a implementação, surgiu um conflito entre declarações CSS provenientes de três regras distintas aplicadas ao mesmo elemento HTML: uma definida por seletor de elemento (p), outra por seletor de classe (.destaque) e uma terceira por seletor de ID (#titulo). Diante disso, assinale a alternativa que descreve CORRETAMENTE o comportamento do CSS nessa situação de conflito.

Considere o desenvolvimento de uma página web utilizando HTML (HyperText Markup Language), que é a linguagem padrão utilizada para estruturar o conteúdo de páginas na internet, em conjunto com CSS3 (Cascading Style Sheets, versão 3), que é a linguagem responsável pela definição de estilos, cores, layouts e formatação visual dos elementos de uma página. Em uma interface de navegação interna, o desenvolvedor precisa aplicar um estilo específico ao elemento que é exibido quando o usuário clica em um link que aponta para uma seção da própria página por meio de um identificador (por exemplo, #id). Esse comportamento permite destacar automaticamente a seção que foi selecionada pelo usuário durante a navegação. Nesse contexto, qual pseudoclasse do CSS3 deve ser utilizada?

Uma Secretaria Fazendária de um estado está desenvolvendo um novo painel web para que empresas consultem a situação de seus débitos tributários. Durante os testes, auditores notam que, ao carregar a página, a tabela que exibe os tributos aparece inicialmente desformatada, exibindo valores sobrepostos e colunas desalinhadas, mas após 1 segundo a aparência se corrige automaticamente. O desenvolvedor explica que está havendo Flash Of Unstyled Content (FOUC). Para corrigir o problema, garantindo que a tabela sempre apareça formatada desde o início, a solução mais adequada é

O Mozilla Firefox permite a navegação por abas, o gerenciamento de favoritos e a instalação de extensões, possibilitando a personalização do navegador conforme as necessidades do usuário.

Um desenvolvedor de páginas web criou um arquivo CSS para configurar as seguintes opções de estilo das suas páginas web:

• O texto do título da página vai ter caracteres com tamanho de 40 pixels e alinhamento à direita; e

• Os parágrafos e listas de itens vão ter letras com tamanho de 12 pixels, espaçamento vertical de 1,5 entre as linhas e espaço horizontal, entre as letras, de 1 pixel.

O formato CSS que atende a esses requisitos é:

Durante o desenvolvimento de uma página utilizando CSS3 (Cascading Style Sheets 3), um desenvolvedor precisa aplicar um estilo específico a um elemento HTML (HyperText Markup Language) que foi ativado por meio de um link de âncora presente na URL (Uniform Resource Locator), identificado por um fragmento como #secao1. Assim, quando o usuário acessa ou navega para esse fragmento, o elemento correspondente deve receber uma formatação diferenciada na página.

Considerando esse caso, qual pseudoclasse do CSS3 deve ser utilizada para estilizar o elemento que corresponde ao fragmento de identificador presente na URL?

Considerando que, ao projetar o um portal sobre tecnologia educacional focado em cidadania digital, a equipe de desenvolvimento precise garantir que a interface seja intuitiva, acessível e visualmente coerente em diferentes dispositivos, assinale a opção que apresenta o papel técnico fundamental do CSS dentro da arquitetura de desenvolvimento front-end.

No contexto de testes de interface e design responsivo em aplicações web, dentro da área de Experiência do Usuário (UX), o termo responsividade refere-se à adaptação da interface a diferentes dispositivos e condições de exibição. Nesse contexto, é correto afirmar que responsividade refere-se a:

No MPRS, a equipe de desenvolvimento está criando um portal interno de fácil navegação para os membros da instituição. Ao acessar o portal, os usuários poderão navegar entre diversas seções, como “Documentos”, “Processos” e “Atividades”. Para melhorar a usabilidade e facilitar a navegação, a equipe de design deseja que, ao clicar em um link de navegação para uma seção específica, o título dessa seção seja visualmente destacado. O objetivo é chamar a atenção do usuário para a seção à qual ele foi redirecionado. A tarefa do técnico de informática será implementar a estilização correta, utilizando uma pseudoclasse do CSS3 (Cascading Style Sheets, version 3), para que o título da seção receba um destaque assim que o link relacionado for clicado. A pseudoclasse do CSS3 que o técnico deverá utilizar é

HTML, CSS e JavaScript são tecnologias fundamentais para o desenvolvimento front‑end, sendo o HTML responsável pela estrutura da página, o CSS pelo estilo visual e o JavaScript pela interação dinâmica.

Assinale a opção que corresponde ao seletor CSS que pode ser utilizado para selecionar todos os elementos <p> que são filhos diretos de <div>.

A propriedade CSS que é usada para alterar a cor de fundo de um elemento é denominada

Flexbox ou CSS Flex Contêiner é um contêiner flexível em CSS cujo modelo de layout permite organizar os elementos de maneira flexível e eficiente. Com base na sintaxe de um contêiner flexível, qual é a propriedade e o valor que devem ser definidos?

Programação front-end é a área do desenvolvimento web que se concentra na interface do usuário, ou seja, na parte visual e interativa de um site ou aplicativo. O objetivo é garantir que a interface seja atraente, funcional e responsiva, proporcionando uma boa experiência ao usuário. Para isso, o programador front-end usa linguagens de programação como HTML, CSS e JavaScript para criar layouts e interações.

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

O desenvolvedor da SEMCONGER precisa criar uma página dinâmica utilizando HTML, CSS e JavaScript para um sistema interno de gerenciamento de contratos. Ele deseja utilizar CSS para definir o layout responsivo e JavaScript para interatividade. A seguir está um trecho do código HTML com CSS embutido:

Assinale a alternativa que preenche corretamente a lacuna no código CSS, para que o div.container centralize o conteúdo tanto na horizontal quanto na vertical.

Uma equipe de desenvolvimento está criando um site responsivo e acessível que utiliza, entre outros recursos, HTMLS, CSS3, JSF e jQuery. A meta é garantir que o site seja adaptável a diferentes dispositivos e tamanhos de tela, atenda aos padrões de acessibilidade (WCAG 2.1) e possua menus dinâmicos e conteúdo interativo carregado de forma assíncrona. A estratégia que melhor implementa os requisitos é usar