April 2025
Intermediate to advanced
1128 pages
32h 5m
Portuguese (Portugal, Brazil)
Content preview from CSS: O Guia Definitivo, 5ª Edição
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,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Capítulo 11. Layout de caixa flexível
Este trabalho foi traduzido com recurso a IA. Agradecemos o teu feedback e comentários: translation-feedback@oreilly.com
O CSS Flexible Box Module Level 1, ou flexbox para abreviar, torna quase simples as tarefas outrora difíceis de dispor certos tipos de páginas, widgets, aplicações e galerias. Com o flexbox, muitas vezes não precisa de uma estrutura CSS. Neste capítulo, aprenderá a utilizar apenas algumas linhas de CSS para criar quase todas as funcionalidades que o seu site requer.
Fundamentos do Flexbox
O Flexbox é uma forma simples e poderosa de dispor os componentes da página, ditando a forma como o espaço é distribuído, o conteúdo é alinhado e os elementos são ordenados visualmente. O conteúdo pode ser facilmente organizado vertical ou horizontalmente, e pode ser disposto ao longo de um único eixo ou em várias linhas. E muito, muito mais.
Com o flexbox, o aspeto do conteúdo pode ser independente da ordem da fonte. Embora visualmente alteradas, as propriedades flexíveis não devem afetar a ordem do conteúdo lido pelosleitores de ecrã.
Aviso
As especificações dizem que os leitores de ecrã devem seguir a ordem da fonte, mas, desde finais de 2022, o Firefox segue a ordem visual. No momento em que escrevo este artigo, uma proposta exige a adição de uma propriedade CSS que especifica se deve seguir a ordem de origem ou visual, por isso, em breve, poderá ser possível decidires por ti próprio.
Talvez o mais importante seja que, com layouts ...
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
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.