Utente:Sassospicco/bozza CSS: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
Sassospicco (discussione | contributi)
mNessun oggetto della modifica
 
(7 versioni intermedie di 7 utenti non mostrate)
Riga 1:
<div class="toccolours itwiki_template_avviso" style="margin-bottom: 0.5em;border-radius: 0.5em;-moz-border-radius: 0.5em;">
{| style="valign:center; background-color: #EEF8FF;"
| style="padding: 0.4em;"| [[Image:Nuvola_apps_error.png|25px]]
|''Questa pagina è stata pubblicata alla voce '''[[Foglio di stile]]''', per favore non fare modifiche qui, ma alla pagina suddetta. Grazie.''
| style="padding: 0.4em;"| [[Image:Nuvola_apps_important.svg|25px]]
|}
Riga 51:
=== Inserire il codice ===
L'inserimento di codice CSS nelle pagine web può essere effettuato in due modi:
*Inserendo nel tag <code>&lt;head></code> della pagina un [[link|collegamento]] ad un foglio di stile '''esterno''', cioè un file contrassegnato dall'estensione ''.css'' come negli esempi seguenti:
<html>
<head>
Riga 239:
*[[Gecko]] ([[Mozilla Firefox|Firefox]] e [[Netscape Navigator|Netscape]]): Gecko ha un ottimo supporto dei CSS 1 e 2 ed è per questo spesso utilizzato nella verifica della resa delle pagine web.
 
*[[Presto (motore di rendering)|Presto]] ([[Opera (browser)|Opera]]): anche Presto offre un ottimo supporto dei CSS 1 e 2. Opera offre inoltre un'opzione che permette all'utente di disattivare i fogli di stile o usarne di propri.
 
*[[KHTML]] ([[Safari (browser)|Safari]] e [[Konqueror]]): KHTML è attualmente il motore che offre il maggior supporto ai CSS, offrendo una parziale interpretazione anche dei CSS 3.
Riga 252:
Il codice precedente associa il foglio di stile solo (in teoria) ai browser standard per computer desktop e portatili. I valori dell'attributo media sono i seguenti:
 
*screen ([[Desktop (computer)|desktop]] e [[portatile|laptop]])
*handheld ([[PDA]] e [[smartphone]])
*print ([[Stampante|stampanti]])
Riga 275:
<link rel="'''alternate''' stylesheet" type="text/css" href="foglio_alternativo.css" '''title="Esempio2"'''>
 
Per attivare e disattivare i fogli di stile l'utente può ricorrere all'apposito menu del suo browser, tuttavia Internet Explorer non offre questa possibilità quindi è necessario creare uno script [[JavascriptJavaScript]] che svolga la funzione di sostituire i fogli. Il codice è stato pubblicato la prima volta su {{en}} [http://www.alistapart.com/articles/alternate www.alistapart.com] ed è ora comunemente utilizzato. Tuttavia se questo script è facile da mettere in opera per gli sviluppatori, richiede un browser moderno con un buon supporto del [[DOM]], oltre che avere attivati sia Javascript e i cookie. Un sistema più complesso ma molto più robusto può essere uno script [[lato server]] come [[PHP]]. Un esempio è disponibile sempre sullo [http://www.alistapart.com/articles/phpswitch/ stesso sito].
 
== Voci correlate ==
Riga 294:
 
 
<nowiki>{{Link_AdQ|en}}</nowiki>
 
<!-- [[Categoria:Linguaggi di markup]]-->
<!-- [[Categoria:Internet]]-->
<!-- [[Categoria:Informatica]]-->
 
[[Categoria:Linguaggi di markup]]
[[Categoria:Internet]]
[[Categoria:Informatica]]
 
[[ar:صفحات الطرز المتراصة]]