Sobre Layouts CSS de Página

From Joomla! Documentation

This page is a translated version of the page About CSS page layouts and the translation is 100% complete.

Other languages:
العربية • ‎বাংলা • ‎Deutsch • ‎English • ‎español • ‎فارسی • ‎français • ‎हिन्दी • ‎Bahasa Indonesia • ‎italiano • ‎Nederlands • ‎Nederlands (informeel)‎ • ‎português • ‎português do Brasil • ‎română • ‎русский • ‎中文(台灣)‎

Sites profissionais separam formatação e conteúdo. Existem várias razões, sendo a capacidade de controlar muitas páginas modificando um arquivo, a mais óbvia (para um desenvolvedor). Os estilos de Formatação incluem fontes, fundos, imagens (que se repetem em cada página), posição e dimensão de elementos etc. Seu arquivo HTML fica apenas com a informação do cabeçalho, alguns elementos e textos gerais. Ao criar um tema Joomla temos além disso código PHP para apresentar a informação do cabeçalho, posições dos módulos e o conteúdo principal.

As informações de estilos ficam na folha de estilos - o CSS, e costumam ficar em arquivos com a extensão .css. A página web possui um link para o arquivo CSS para que o navegador encontre o estilo apropriado a ser aplicado. O código CSS também pode ser inserido dentro do HTML entre as tags <style type="text/css"></style>.

Todo código CSS é aplicado a um elemento de uma página html/xml. Se quiser que um estilo se aplique a toda página, o melhor seria aplicar ao elemento <body>. É possível aplicar estilos a qualquer elemento como <p>, <table> ou <div>. Para aplicar um elemento específico é necessário que tenha uma ID. Por exemplo, para formatar a <div> contendo o título, inclua primeiro uma ID no HTML - <div ID="title">.