I CSS delle pagine

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ă • ‎русский

I siti web professionali separano lo stile dal contenuto. Ci sono molte ragioni, la più evidente (per gli sviluppatori) è la capacità di controllare l'aspetto di molte pagine cambiando un solo file. Le informazioni sullo stile includono: font; sfondi; immagini (che si ripetono in ogni pagina); la posizione e le dimensioni degli elementi della pagina. Il file HTML sarà con: informazioni nell'header; una serie di elementi; il testo del tuo sito web. Stai creando un template di Joomla! dove vi sono: alcune informazioni nell'header; codice php per richiedere il resto delle informazioni dell'header; una serie di elementi di codice php per la richiesta di ogni posizione modulo; codice php per richiedere il contenuto principale.

Le informazioni sullo stile sono codificate nel CSS, cascading style sheet, e di solito vengono memorizzate nei file con estensione .css. Una pagina web contiene un link al file .css associato, così il browser è in grado di trovare le opportune informazioni di stile da applicare alla pagina. Il CSS può anche essere inserito all'interno di un file html tra i tag <style type="text/css"></style>.

Tutto il codice CSS è applicato ad un elemento di una pagina html/xml. Se vuoi uno stile che riguardi l'intera pagina, è probabile che si applichi all'elemento <body>. È possibile applicare gli stili a qualsiasi elemento html come gli elementi <p>, <table> o <div>. Per applicare lo stile ad uno specifico elemento, è necessario disporre di un ID. Per esempio, per applicare gli stili al <div> contenente il titolo, devi prima includere un ID nel codice html - <div ID="title">.