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".