CSS Flashcards

1
Q

Como adicionar CSS?

A

Inline: usando o atributo style nos elementos HTML. Usado para aplicar um único estilo para um único elemento HTML.Ex.:
<h1 style="color:blue;"> Título azul</h>

Internal: usando o elemento <style> no cabeçalho <head>. Usado para definir um estilo para uma única página. Ex.:
<head> <style> h1 {color:blue;} </style> </head>

External: usando um arquivo CSS externo através da tag link dentro do head.
Usado para definir o estilo para várias páginas. Ex.:
<head> <link rel="stylesheet" href="styles.css"> </head>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Quais as categorias de um seletor?

A

Simples: seleciona um elemento com base no nome, id ou classe. Ex. 1:
p {text-align: center;color: red;}
Ex. 2:
#para1 {text-align: center;color: red;}
<p id="para1"> X </p>
Ex. 3:
.centro {text-align: center;color: red;}
<p class="centro"> X </p>

Universal: aplica a todos os elementos;
* {text-align: center;color: blue;}

Grupo aplica a vários elementos.
Ex.:
h1, h2, p {text-align: center;color: red;}

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Qual a sintaxe básica do CSS?

A

h1 {color:blue; font-size:12x}

  • h1 é o seletor;
  • color é a propriedade;
  • blue é o valor;
  • font-size é a propriedade;
  • 12x é o valor;
How well did you know this?
1
Not at all
2
3
4
5
Perfectly