Marina Maluta

Blog pessoal - anotações

Follow me on GitHub

Aula 4: CSS / Links úteis / Slide 06 (github front-xp)

Ordenação de declaração

### Agrupamento por tipo e relevância:

Posição - position
Modelo de caixa e display
Fonte e tipografia: font-family
Cor: color
Background e bordas - background / border

Exemplo de lista:

  • dl: Definion list
  • dt: Definição de termo
  • dd:Descrição do termo

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

Curiosidades

  • Font-family é herdável. Colocando no pai - Busca: MDN
  • Height e width não são herdáveis (inherited)
  • Taquigrafia css - múltiplos valores: border, margin, padding
  • Reset.css - Arquivo css a ser importado no projeto para eliminar o código padrão - MAYER
  • Normalize.css - Mantém alguns códigos padrões úteis.
  • Os dois códigos, de acordo com o escolhido, deve ser incorporado ao código no css.

Polyfills - Importar um código que algum desenvolvedor fez como se fosse padrão.
Ex: css gradiente.

Validação csslint.net- validar o código, mostra os erros. Usar junto com o caniuse. Tb o w3c css validator (neste coloca a url).