Seletores e Propriedades em CSS

Prévia do material em texto

<p>O seletor de id é uma forma de selecionar um elemento HTML específico usando o atributo id. Para isso, utiliza-se o caractere hash (#) seguido do id do elemento.</p><p>Agora você pode analisar as questões e marcar V ou F para cada afirmação com base no seu conhecimento sobre o seletor de id em CSS.</p><p>I.   O seletor de id é usado para selecionar vários elementos com o mesmo id em uma página.</p><p>II.  O id de um elemento HTML é único dentro de uma página.</p><p>III. O seletor de id usa o caractere ponto (.) seguido do id do elemento.</p><p>IV.  O seletor de id é usado para estilizar elementos com base em um atributo específico.</p><p>Agora, selecione a alternativa que apresenta a sequência correta:</p><p>A</p><p>F - V - F- F</p><p>B</p><p>V - F - F - V</p><p>C</p><p>V - V - V - F</p><p>D</p><p>F - F - V - V</p><p>E</p><p>V - F - V - F</p><p>No contexto da manipulação de CSS e do conceito de herança, analise as afirmações a seguir e marque V para as asserções verdadeiras e F para as asserções falsas:</p><p>I.   O modelo de árvore do documento (DOM) representa a hierarquia dos elementos em uma página HTML.</p><p>II.  A propriedade de largura (width) faz parte da herança em CSS.</p><p>III. Por padrão, todas as propriedades CSS herdam valores definidos no elemento pai.</p><p>IV.  O modelo de árvore do documento é semelhante a uma árvore genealógica, representando os graus de parentesco entre os elementos.</p><p>Agora, selecione a alternativa que apresenta a sequência correta de respostas:</p><p>A</p><p>F - V - F- F</p><p>B</p><p>F - F - F - F</p><p>C</p><p>V - V - V - F</p><p>D</p><p>F - F - V - V</p><p>E</p><p>V - F - F - V</p><p>Observe o trecho de código abaixo:</p><p>1. < ></p><p>2. <li>HTML</li></p><p>3. <li>CSS</li></p><p>4. <li>JavaScript</li></p><p>5. </ ></p><p>O código que completa as linhas 1 e 5 para criar uma lista ordenada é:</p><p>A</p><p><td> e</td></p><p>B</p><p><ol> e </ol></p><p>C</p><p><ul> e </ul></p><p>D</p><p><em> e </em></p><p>E</p><p><select> e </select></p><p>A sigla HTML significa Hypertext Markup Language. Em português Linguagem de Marcação de Hipertexto. HTML é o coração da web. O desenvolvimento do HTML teve vários visionários que contribuíram para seu desenvolvimento. A esse respeito, analise as assertivas que seguem e marque V para as asserções verdadeiras, e F para as asserções falsas.</p><p>I. Vannevar Bush projetou o Memex, em 1945, Tratava-se de uma máquina que tornava possível copiar imagens entre documentos.</p><p>II. Theodor (Ted) Nelson criou o termo hipertexto/hipermídia. Apresentou o projeto Xanadu, cuja ideia era disponibilizar textos paralelos. Com essa proposta, é possível visualizar documentos e suas conexões precisas, utilizando duas janelas.</p><p>III. Tim Berners-Lee, em 1990, desenvolveu o HTML, com o objetivo de trocar informações entre pesquisadores de Universidades.</p><p>Agora, selecione a alternativa que apresenta a sequência correta:</p><p>A</p><p>F – V – V</p><p>B</p><p>V – V – F</p><p>C</p><p>V – V – V</p><p>D</p><p>F – F – F</p><p>E</p><p>F – V – F</p><p>Podemos utilizar um pseudoelemento para estilizar parte de um elemento. Como a primeira letra de uma palavra, ou de uma linha.</p><p>Qual das seguintes opções descreve corretamente o uso do pseudoelemento ::after no CSS?</p><p>A</p><p>O pseudoelemento ::after é usado para selecionar o elemento antes do conteúdo do elemento principal.</p><p>B</p><p>O pseudoelemento ::after é usado para selecionar o elemento depois do conteúdo do elemento principal.</p><p>C</p><p>O pseudoelemento ::after é usado para selecionar a primeira linha do elemento principal.</p><p>D</p><p>O pseudoelemento ::after é usado para selecionar a primeira letra do elemento principal.</p><p>E</p><p>O pseudoelemento ::after é usado para selecionar os marcadores de uma lista.</p><p>Observe o código abaixo, criado para estilizar um menu:</p><p>ul {</p><p>list-style-type: none;</p><p>margin: 0;</p><p>padding: 0;</p><p>background-color: #f1f1f1;</p><p>}</p><p>li{float:left;}</p><p>li a {</p><p>display: block;</p><p>color: #000;</p><p>padding: 8px 16px;</p><p>text-decoration: none;</p><p>}</p><p>li a:hover {</p><p>background-color: #555;</p><p>color: white;</p><p>}</p><p>Com base no novo código CSS fornecido, analise as afirmativas abaixo e assinale V para as verdadeiras e F para as Falsas sobre qual será o efeito visual quando o cursor do mouse estiver sobre um elemento <a> dentro de um elemento <li>.</p><p>I. O texto dentro do elemento <a> ficará em negrito.</p><p>II. O fundo do elemento <li> ficará na cor cinza escuro (#555).</p><p>III. O texto dentro do elemento <a> ficará na cor branca.</p><p>IV. O fundo do elemento <ul> ficará na cor cinza claro (#f1f1f1).</p><p>V. O elemento <a> terá uma borda ao redor dele.</p><p>Agora, selecione a alternativa que apresenta a sequência correta de respostas:</p><p>A</p><p>F - V – V – F - F</p><p>B</p><p>V - F - F – V - F</p><p>C</p><p>V - V - V – F - V</p><p>D</p><p>F - F - V – V - V</p><p>E</p><p>V - F - F – V - F</p><p>CSS (Cascading Style Sheets) é uma linguagem de estilo utilizada para definir a aparência e o layout dos elementos de uma página da web. Com o uso do CSS, é possível criar páginas visualmente atraentes, permitindo uma melhor experiência do usuário. Ele trabalha em conjunto com o HTML para separar o conteúdo da página da sua apresentação, possibilitando a criação de estilos para coisas como fontes, cores, layout, entre outros. Para declarar CSS, utilizamos os seletores.</p><p>Sobre o uso dos seletores CS, analise as afirmações que seguem e marque V para as asserções verdadeiras, e F para as asserções falsas.</p><p>I.   Seletores simples definem elementos com base no nome, id e classe.</p><p>II.  Seletores de combinação selecionam elementos com base em um relacionamento específico entre eles.</p><p>III. Seletores de pseudoclasse selecionam elementos com base em determinado estado.</p><p>IV.  Seletores de pseudoelementos selecionam e estilizam um elemento.</p><p>V.   Seletores de atributo selecionam elementos com base em um atributo ou valor de atributo.</p><p>Agora, selecione a alternativa que apresenta a sequência correta:</p><p>A</p><p>F - V - V - F- F</p><p>B</p><p>V - F - F - V- V</p><p>C</p><p>V - V - V - F- V</p><p>D</p><p>F - F - V - V- V</p><p>E</p><p>V - F - V - F- F</p><p>O HTML é responsável pela estruturação dos conteúdos a serem exibidos nas páginas. O CSS possui uma finalidade específica na diagramação de páginas.</p><p>A respeito do CSS, qual é a finalidade do CSS em relação ao HTML e o que é um bloco de declaração em CSS?</p><p>A</p><p>O CSS tem como finalidade especificar a apresentação da página HTML, enquanto o bloco de declaração em CSS contém uma ou mais declarações que definem a estilização de um elemento HTML.</p><p>B</p><p>O CSS tem como finalidade estruturar o conteúdo das páginas HTML, enquanto o bloco de declaração em CSS contém uma ou mais declarações que definem o comportamento de um elemento HTML.</p><p>C</p><p>O CSS tem como finalidade controlar as interações do usuário com a página HTML, enquanto o bloco de declaração em CSS contém uma ou mais declarações que definem as propriedades de um elemento HTML.</p><p>D</p><p>O CSS tem como finalidade substituir o HTML na construção de páginas web, enquanto o bloco de declaração em CSS contém uma ou mais declarações que definem a função de um elemento HTML.</p><p>E</p><p>O CSS tem como finalidade substituir completamente o HTML na construção de páginas web, enquanto o bloco de declaração em CSS contém uma ou mais declarações que definem as funções de um elemento HTML.</p><p>Observe o código abaixo:</p><p>a:link {</p><p>color: red;</p><p>}</p><p>Agora você pode escolher a alternativa que corresponde ao conceito apresentado na declaração acima.</p><p>A</p><p>Herança de propriedades em CSS.</p><p>B</p><p>Seletores de classe em CSS.</p><p>C</p><p>Seletores de pseudoclasse em CSS.</p><p>D</p><p>Seletores de atributo em CSS.</p><p>E</p><p>Seletores de pseudoelemento em CSS.</p><p>Observe o trecho da página exibido na web:</p><p>Listas não ordenadas</p><p>· HTML</p><p>· CSS</p><p>· JavaScript</p><p>Listas Ordenadas</p><p>1. HTML</p><p>2. CSS</p><p>3. JavaScript</p><p>A respeito do código para criar as listas acima, analise as assertivas que seguem e marque V para as asserções verdadeiras, e F para as asserções falsas.</p><p>I.  Para criar uma lista não ordenada utiliza-se a tag <ul>.</p><p>II.  Para criar uma lista ordenada utiliza-se a tag <ol>.</p><p>III. Para colocar um item abaixo do outros nas listas acima, utiliza-se a tag <br>.</p><p>IV.  Para colocar um item abaixo do outros nas listas acima, utiliza-se a tag <p>.</p><p>Agora, selecione a alternativa que apresenta a sequência correta:</p><p>A</p><p>F – V – V -F</p><p>B</p><p>V – V – F -V</p><p>C</p><p>V – V – V -V</p><p>D</p><p>F – F – F - F</p><p>E</p><p>V – V – F - F</p>