Capítulo 6. Formatação visual básica
Este trabalho foi traduzido com recurso a IA. Agradecemos o teu feedback e comentários: translation-feedback@oreilly.com
Provavelmente já experimentaste a frustração de ver o teu esquema pretendido não ser apresentado como esperado. Depois de adicionar 27 regras de estilo para o tornar perfeito, talvez ainda não saibas qual a regra que resolveu o teu problema. Com um modelo tão aberto e poderoso como o que está contido no CSS, nenhum livro poderia cobrir todas as formas possíveis de combinar propriedades e efeitos. Irás, sem dúvida, descobrir novas formas de utilizar o CSS. No entanto, com uma compreensão completa de como funciona o modelo de renderização visual, será mais capaz de determinar se um comportamento é uma consequência correta (ainda que inesperada) do motor de renderização que as CSS definem.
Caixas básicas
No seu núcleo, CSS assume que cada elemento gera uma ou mais caixas rectangulares, denominadas caixas de elementos. (Futuras versões da especificação poderão permitir formas não rectangulares e, de facto, foram propostas alterações, mas, por enquanto, todas as caixas continuam a serrectangulares).
Cada caixa de elemento tem uma área de conteúdo no seu centro. Essa área de conteúdo é cercada por quantidades opcionais de preenchimento, bordas, contornos e margens. Estas áreas são consideradas opcionais porque podem ser todas definidas para um tamanho de 0, removendo-as efetivamente da caixa do elemento.A Figura 6-1 mostra um ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access