CSS

Question 1

Qual a função do CSS (Cascading Style Sheets) ?

Answer 1

é uma linguagem de estilo utilizada para descrever a
apresentação de um documento escrito em HTML ou XML (incluindo várias linguagens XML como
SVG, XHTML ou MathML). O CSS descreve como elementos devem ser renderizados na tela.

Question 2

O que a propriedade background-color faz?

Answer 2

define a cor de fundo do corpo do documento.

ex: #f0f0f0 (cinza, em hexadecimal)

Question 3

O que a propriedade font-family faz?

Answer 3

define a fonte que será usada para o texto no corpo do documento.

font-family: Arial, sans-serif;

Neste caso, a fonte preferida é Arial. A fonte sans-serif é uma fonte de backup, o que significa
que será usada se a fonte Arial não estiver disponível no sistema em que a página da web está
sendo visualizada

Question 4

Explique a diferença de uso entre os tipos de CSS:

Inline CSS, Internal CSS e External CSS

Answer 4

1.Inline CSS: O estilo é aplicado diretamente no elemento HTML.
2. Internal CSS (ou Embedded CSS): Os estilos são definidos na seção head da página HTML.
3. External CSS: Os estilos são definidos em um arquivo separado com extensão .css. Este arquivo é vinculado à página HTML através do elemento link na seção head.

Question 5

Diferencie seletores CSS por:

elementos, id, classe, atributo e pseudo-classe, seletores alinhados e seletores encadeados

Answer 5

elementos: seleciona elementos pelo nome da tag
p { color: red; }

id: seleciona um elemento específico por seu ID único
#myID { color: blue; }

classe: seleciona elementos por sua classe
.myClass { font-size:
16px; }

atributo: seleciona elementos por um atributo ou valor de atributo
input[type=”text”] {
background-color: yellow;
}

pseudo-classe: seleciona elementos com base em seu estado
a:hover { color: orange; }

Seletores Aninhados: Utilizados para selecionar um elemento que está dentro de outro elemento. Um espaço é utilizado para indicar o aninhamento.
.container p { color:
blue; }

Seletores Encadeados: Utilizados para aplicar estilos a um elemento
que possui mais de uma classe. Não há espaço entre os seletores de classe encadeados.
.button.active {
background-color: green; }