Capítulo 16. Listas e conteúdo gerado
Este trabalho foi traduzido com recurso a IA. Agradecemos o teu feedback e comentários: translation-feedback@oreilly.com
No domínio da disposição CSS, as listas são um caso interessante. Os itens de uma lista são simplesmente caixas de blocos, mas com uma parte extra que não participa realmente na disposição do documento, pendurada de um lado. Com uma lista ordenada, essa parte extra contém uma série de números (ou letras) crescentes que são calculados e, na sua maioria, formatados pelo agente do utilizador, não pelo autor. Seguindo uma sugestão da estrutura do documento, o agente do utilizador gera os números e a sua apresentação básica.
Com CSS, podes definir os teus próprios padrões e formatos de contagem e associar esses contadores a qualquer elemento, não apenas a itens de listas ordenadas. Além disso, este mecanismo básico possibilita a inserção de outros tipos de conteúdo, incluindo cadeias de texto, valores de atributos ou mesmo recursos externos, num documento. Assim, é possível utilizar CSS para inserir ícones de ligação, símbolos editoriais, etc. num design sem ter de criar marcação adicional.
Para veres como todas estas opções de lista se encaixam, vamos explorar o estilo básico da lista antes de passarmos a examinar a geração de conteúdo e contadores.
Trabalhar com listas
De certa forma, quase tudo o que não seja um texto narrativo pode ser considerado uma lista. O Censo dos EUA, o sistema solar, a minha árvore genealógica, 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,
and much more.
Read now
Unlock full access