Differenze tra le versioni di "Aiuto:Manuale di stile/Avanzato"

Quindi l'esempio di prima crea un div con la classe "text-center" e una sola regole inline, ovvero "color: #123456;".
 
I tag HTML più comuni su Pokémon Central Wiki sono sicuramente i ''div''. I div di default sono larghi quanto il padre e quindi se nel wikicode della pagina vengono inseriti senza un padre occupano tutta la riga, andando a capo dopo il contenuto precedente e mandando a capo il contenuto successivo (più avanti si vedrà come modificare questo comportamento). Altri elementi comuni sono gli ''span'', che di default sono larghi quanto il loro contenuto, quindi si possono inserire anche a metà di una riga senza mandare a capo niente. Anche se l'HTML mette a disposizione moltissimi altri tag, alcuni di questi vengono bloccati dal parser di Mediawiki (per esempio, non si possono inserire link o immagini in HTML, bisogna ricorrere alla sintassi Wikicode), mentre altri hanno un funzionamento "anomalo" (per esempio ''<code>p''</code> ha del margine non voluto aggiunto da MediaWiki), quindi di fatto si usano solo <code>div</code> e <code>span</code>.
 
====''em'' & co====
Esistono alcune unità di misura di lunghezza utilizzate in HTML/CSS. Tipicamente si usa ''em'', che corrisponde alla dimensione del font utilizzato: dunque non si tratta di una dimensione assoluta, ma relativa. Una dimensione assoluta è ''px'', che come suggerisce il nome corrisponde a un pixel. Per esempio il primo rettangolo è lungo ''1em'' e alto ''0.5em'', mentre il secondo misura ''10px'' per lato: <div class="inline-block" style="background: #000; width: 1em; height: 0.5em;"></div> <div class="inline-block" style="background: #000; width: 10px; height: 10px;"></div>. Di norma è raccomandato l'utilizzo di ''em'', dato che la dimensione dello schermo varia da dispositivo a dispositivo e ciò può avere effetti indesiderati se si utilizzano misure assolute. Per ulteriori informazioni su queste unità di misura si può consultare la [https://www.w3schools.com/cssref/css_units.asp pagina di W3Schools].
 
===Stili CSS comuni===
46 258

contributi