CSS significa Cascading Style Sheet. � uma linguagem de estilo popular que � usada com HTML para projetar sites. Ele tamb�m pode ser usado com qualquer documento XML, in-cluindo XML simples, SVG e XUL.Mais detalhes ...

2) Qual � a origem do CSS?

SGML (Standard Generalized Markup Language) � a origem do CSS. � uma linguagem que define linguagens de marca��o.

3) Quais s�o as diferentes varia��es de CSS?

A seguir est�o as diferentes varia��es de CSS:

• CSS1
• CSS2
• CSS2.1
• CSS3
• CSS4

4) Como voc� pode integrar CSS em uma p�gina da Web?

Existem tr�s m�todos para integrar CSS em p�ginas da Web.

• M�todo Inline - � usado para inserir folhas de estilo no documento HTML
• M�todo incorporado/interno - � usado para adicionar um estilo exclusivo a um �nico documento
• M�todo vinculado/importado/externo - � usado quando voc� deseja fazer altera-��es em v�rias p�ginas.

5) Quais s�o as vantagens do CSS?

• Largura de banda
• Consist�ncia em todo o site
• Reformata��o da p�gina
• Acessibilidade
• Conte�do separado da apresenta��o

6) Quais s�o as vantagens do uso de CSS?

A seguir est�o as vantagens de usar CSS:

• CSS economiza tempo - Voc� pode escrever CSS uma vez e reutilizar a mesma planilha em v�rias p�ginas HTML. Voc� pode definir um estilo para cada elemento HTML e aplic�-lo a quantas p�ginas da Web desejar.
• As p�ginas carregam mais r�pido - Se voc� estiver usando CSS, n�o precisar� gra-var atributos de marca HTML sempre. Basta escrever uma regra de CSS de uma tag e aplic�-la a todas as ocorr�ncias dessa tag. Portanto, menos c�digo significa tempos de download mais r�pidos.
• Manuten��o f�cil - Para fazer uma mudan�a global, basta alterar o estilo e todos os elementos em todas as p�ginas da Web ser�o atualizados automaticamente.
• Estilos superiores ao HTML - O CSS tem uma matriz muito mais ampla de atributos do que o HTML, portanto, voc� pode dar uma apar�ncia muito melhor � sua p�gina HTML em compara��o aos atributos HTML.
• Compatibilidade de v�rios dispositivos - As folhas de estilo permitem que o conte-�do seja otimizado para mais de um tipo de dispositivo. Usando o mesmo docu-mento HTML, diferentes vers�es de um site podem ser apresentadas para disposiivos port�teis, como PDAs e telefones celulares, ou para impress�o.
• Padr�es globais da web - Agora, os atributos HTML est�o sendo reprovados e est� sendo recomendado o uso de CSS. Portanto, � uma boa ideia come�ar a usar CSS em todas as p�ginas HTML para torn�-las compat�veis com futuros navegadores.
• Navega��o off-line - CSS pode armazenar aplicativos da web localmente com a ajuda de um catche offline. Usando isso, podemos ver sites off-line. O cache tamb�m garante um carregamento mais r�pido e melhor desempenho geral do site.
• Independ�ncia de plataforma - O Script oferece uma independ�ncia de plataforma consistente e tamb�m pode suportar os navegadores mais recentes.

7) Quais s�o os componentes de um estilo CSS?

Uma regra de estilo � composta de tr�s partes:

• Seletor - Um seletor � uma tag HTML na qual um estilo ser� aplicado. Pode ser qualquer tag como <h1> ou <table> etc.
• Propriedade - Uma propriedade � um tipo de atributo da tag HTML. Simplificando, todos os atributos HTML s�o convertidos em propriedades CSS. Eles poderiam ser cor, borda etc.
• Valor - os valores s�o atribu�dos �s propriedades. Por exemplo, a propriedade color pode ter valor vermelho ou # F1F1F1 etc.

8) Quais s�o as limita��es do CSS?

• Ascendente por seletores n�o � poss�vel
• Limita��es do controle vertical
• Sem express�es
• Nenhuma declara��o de coluna
• Pseudoclasse n�o controlada por comportamento din�mico
• Regras, estilos, segmenta��o de texto espec�fico n�o poss�veis

9) Quais s�o os frameworks CSS?

As estruturas CSS s�o as bibliotecas pr�-planejadas que tornam o estilo de p�gina da Web mais f�cil e mais compat�vel com os padr�es. Os frameworks CSS usados com frequ�ncia s�o:

• Bootstrap
• Funda��o
• IU sem�ntica
• Gumby
• Ulkit

10) O que � seletor universal?

Em vez de selecionar elementos de um tipo espec�fico, o seletor universal simplesmente corresponde ao nome de qualquer tipo de elemento: Por exemplo:

* {
color: # 000000;
}

Essa regra processa o conte�do de cada elemento em nosso documento em preto.

11) O que � o Seletor Descendente?

Suponha que voc� queira aplicar uma regra de estilo a um elemento espec�fico somente quando estiver dentro de um elemento espec�fico. Como dado no exemplo a seguir, a regra de estilo ser� aplicada ao elemento <em> somente quando estiver dentro da tag <ul>.

ul em {
color: # 000000;
}

12) O que � seletor de classe?

Voc� pode definir regras de estilo com base no atributo de classe dos elementos. Todos os elementos com essa classe ser�o formatados de acordo com a regra definida.

.black {
color: # 000000;
}

Essa regra renderiza o conte�do em preto para todos os elementos com atributo de classe definido como preto em nosso documento.

13) Voc� pode tornar um seletor de classe espec�fico para um tipo de elemento?

Voc� pode torn�-lo um pouco mais particular. Por exemplo:

h1.black {
color: # 000000;
}

Essa regra renderiza o conte�do em preto para apenas elementos <h1> com atributo de classe definido como preto.

14) O que � o seletor id?

Voc� pode definir regras de estilo com base no atributo id dos elementos. Todos os elementos com esse id ser�o formatados de acordo com a regra definida.

#black {
color: # 000000;
}

Essa regra renderiza o conte�do em preto para cada elemento com o atributo id definido em preto em nosso documento.

15) Voc� pode fazer um seletor de ID espec�fico para um tipo de elemento?

Voc� pode torn�-lo um pouco mais particular. Por exemplo:

h1 # black {
color: # 000000;
}

Essa regra renderiza o conte�do em preto para apenas elementos <h1> com atributo id definido como preto.

16) O que � um seletor child?

Considere o seguinte exemplo:

body> p { color: # 000000; }

Esta regra ir� renderizar todos os par�grafos em preto se eles forem filhos diretos do ele-mento <body>. Outros par�grafos inseridos em outros elementos, como <div> ou <td>, n�o teriam nenhum efeito dessa regra.

17) Por que o background e color s�o propriedades separadas se elas devem sempre ser defini-das juntas?

Existem duas raz�es por tr�s disso:

• Aumenta a legibilidade das folhas de estilo. A propriedade background � uma propriedade complexa no CSS e, se for combinada com cores, a complexidade aumen-tar� ainda mais.
• A cor � uma propriedade herdada, enquanto o background n�o �. Ent�o isso pode causar confus�o ainda mais.

18) O que � folha de estilo incorporado?

Uma folha de estilo incorporada � um m�todo de especifica��o de estilo CSS usado com HTML. Voc� pode incorporar a folha de estilo inteira em um documento HTML usando o elemento STYLE. Mais detalhes...

19) Quais s�o as vantagens das folhas de estilo incorporadas?

• Voc� pode criar classes para uso em v�rios tipos de tags no documento.
• Voc� pode usar m�todos de seletor e agrupamento para aplicar estilos em situa��es complexas.
• Nenhum download extra � necess�rio para importar as informa��es.

20) Como selecionar todos os elementos de par�grafo cujo atributo lang contenha a palavra "fr"?

p[lang ~ = "fr"] - seleciona todos os elementos do par�grafo cujo atributo lang cont�m a palavra "fr".