CSS Flashcards
Como adicionar CSS?
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>
Quais as categorias de um seletor?
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;}
Qual a sintaxe básica do CSS?
<p>h1 {color:blue; font-size:12x}</p>
<ul>
<li><strong>h1</strong> é o seletor;</li>
<li><strong>color</strong> é a propriedade;</li>
<li><strong>blue</strong> é o valor;</li>
<li><strong>font-size</strong> é a propriedade;</li>
<li><strong>12x</strong> é o valor;</li>
</ul>
