aboutsummaryrefslogtreecommitdiff
path: root/files/it/web/css/reference/index.html
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 14:47:54 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 14:47:54 +0100
commit30feb96f6084a2fb976a24ac01c1f4a054611b62 (patch)
treed73194ae27b60156ff0ca54013c8c4ad8519f10a /files/it/web/css/reference/index.html
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-30feb96f6084a2fb976a24ac01c1f4a054611b62.tar.gz
translated-content-30feb96f6084a2fb976a24ac01c1f4a054611b62.tar.bz2
translated-content-30feb96f6084a2fb976a24ac01c1f4a054611b62.zip
unslug it: move
Diffstat (limited to 'files/it/web/css/reference/index.html')
-rw-r--r--files/it/web/css/reference/index.html96
1 files changed, 96 insertions, 0 deletions
diff --git a/files/it/web/css/reference/index.html b/files/it/web/css/reference/index.html
new file mode 100644
index 0000000000..c97a962ac6
--- /dev/null
+++ b/files/it/web/css/reference/index.html
@@ -0,0 +1,96 @@
+---
+title: Guida di riferimento ai CSS
+slug: Web/CSS/Guida_di_riferimento_ai_CSS
+tags:
+ - CSS
+ - Overview
+ - Reference
+ - 'l10n:priority'
+translation_of: Web/CSS/Reference
+---
+<div>{{CSSRef}}</div>
+
+<p>Usate questo <strong>riferimento CSS</strong> per consultare un <a href="#Keyword_index">indice alfabetico</a> di tutte le proprietà <a href="/en-US/docs/Web/CSS">CSS</a> standard, <a href="/en-US/docs/Web/CSS/Pseudo-classes">le pseudo-classi</a>, <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-elementi</a>, <a href="/en-US/docs/Web/CSS/CSS_Types">i tipi di dati</a>, e <a href="/en-US/docs/Web/CSS/At-rule">le at-rules</a>. Potete anche visualizzare <a href="#Concepts">i concetti chiave del CSS</a> e una lista dei <a href="#Selectors">selettori organizzati per tipo</a>. È anche inclusa un breve <a href="#DOM-CSS_CSSOM">prontuario su DOM-CSS / CSSOM</a>.</p>
+
+<h2 id="Sintassi_di_regola_base">Sintassi di regola base</h2>
+
+<h3 id="Sintassi_di_una_regola_di_stile">Sintassi di una regola di stile</h3>
+
+<pre class="syntaxbox"><var>regola-stile</var> <strong>::=</strong>
+ <var>lista-selettori</var> <strong>{</strong>
+ <var>lista-proprietà</var>
+ <strong>}</strong>
+</pre>
+
+<p>... dove :</p>
+
+<pre class="syntaxbox"><var>lista-selettori</var> <strong>::=</strong>
+ <var>selettore</var>[<strong>:</strong><var>pseudo-classe</var>] [<strong>::</strong><var>pseudo-elemento</var>]
+ [<strong>,</strong> <var>lista-selettori</var>]
+
+<var>lista-proprietà</var> <strong>::=</strong>
+ [<var>proprietà</var> <strong>:</strong> <var>valore</var>] [<strong>;</strong> <var>lista-proprietà</var>]
+</pre>
+
+<p>Consultate la lista dei <a href="#Selectors"><em>selettori</em></a>, <a href="#Pseudo"><em>pseudo-classi</em></a>, e <em><a href="#Pseudo">pseudo-elementi</a></em> sotto. La sintassi per ogni <em>valore</em> specificato dipende dal tipo di dato definito per ogni <em>proprietà</em> specificata.</p>
+
+<h4 id="Esempi_di_regole_di_stile">Esempi di regole di stile</h4>
+
+<pre class="brush: css">strong {
+ color: red;
+}
+
+div.menu-bar li:hover &gt; ul {
+ display: block;
+}
+</pre>
+
+<p>Per un'introduzione a livello principiante della sintassi dei selettori, consultate la nostra <a href="/en-US/docs/Learn/CSS/Building_blocks/Selectors">guida ai Selettori CSS</a>. Siate consapevoli che ogni errore di <a href="/en-US/docs/Web/CSS/syntax">sintassi</a> in una definizione di regola invalida l'intera regola. Le regole invalidate vengono ignorate dal browser. Prendete nota ceh la definizione di una regola CSS è interamente <a href="https://www.w3.org/TR/css-syntax-3/#intro">basata su stringhe di testo</a> (ASCII), dove DOM-CSS / CSSOM (il sistema di gestione delle regole) è <a href="https://www.w3.org/TR/cssom/#introduction">basato su oggetti</a>.</p>
+
+<h3 id="Sintassi_at-rules">Sintassi at-rules</h3>
+
+<p>Poiché la struttura delle At-rules varia ampiamente, per piacere consultate <a href="/en-US/docs/Web/CSS/At-rule">At-rule</a> per trovare la sintassi della regola specifica che volete.</p>
+
+<h3 id="Selettori" name="Selettori">Selettori</h3>
+
+<ul>
+ <li>Selettori semplici
+ <ul>
+ <li><a href="/it/CSS/Type_selectors" title="it/CSS/Type_selectors">Selettori di tipo</a></li>
+ <li><a href="/it/CSS/Class_selectors" title="it/CSS/Class_selectors">Selettori di classe</a></li>
+ <li><a href="/it/CSS/ID_selectors" title="it/CSS/ID_selectors">Selettori di ID</a></li>
+ <li><a href="/it/CSS/Universal_selectors" title="it/CSS/Universal_selectors">Selettori universali</a></li>
+ <li><a href="/it/CSS/Attribute_selectors" title="it/CSS/Attribute_selectors">Selettori di attributo</a></li>
+ <li><a href="/it/CSS/Pseudo-classes" title="it/CSS/Pseudo-classes">Pseudoclassi</a></li>
+ <li><a href="/it/CSS/Pseudo-elements" title="it/CSS/Pseudo-elements">Pseudo-elementi</a></li>
+ </ul>
+ </li>
+ <li>Combinatori
+ <ul>
+ <li><a href="/it/CSS/Selettori_di_elementi_adiacenti" title="it/CSS/Selettori_di_elementi_adiacenti">Selettori di elementi adiacenti</a></li>
+ <li><a href="/it/CSS/elettori_di_figli" title="it/CSS/elettori_di_figli">Selettori di figli</a></li>
+ <li><a href="/it/CSS/Selettori_di_discendenti" title="it/CSS/Selettori_di_discendenti">Selettori di discendenti</a></li>
+ </ul>
+ </li>
+</ul>
+
+<h3 id="Concetti" name="Concetti">Concetti</h3>
+
+<ul>
+ <li><a href="/it/CSS/Commenti" title="it/CSS/Commenti">Commenti</a></li>
+ <li><a href="/it/CSS/initial_value" title="it/CSS/initial_value">Valore iniziale</a></li>
+ <li><a href="/it/CSS/inheritance" title="it/CSS/inheritance">Eredità</a></li>
+ <li><a href="/it/CSS/specified_value" title="it/CSS/specified_value">Valore specificato</a></li>
+ <li><a href="/it/CSS/computed_value" title="it/CSS/computed_value">Valore calcolato</a></li>
+ <li><a href="/it/CSS/used_value" title="it/CSS/used_value">Valore utilizzato</a></li>
+ <li><a href="/it/CSS/actual_value" title="it/CSS/actual_value">Valore attuale</a></li>
+ <li><a href="/it/CSS/box_model" title="it/CSS/box_model">box model</a></li>
+</ul>
+
+<h3 id="Estensioni_di_Mozilla" name="Estensioni_di_Mozilla">Estensioni di Mozilla</h3>
+
+<ul>
+ <li><a href="/it/CSS_Reference/Estensioni_di_Mozilla" title="it/CSS_Reference/Estensioni_di_Mozilla">CSS Reference:Estensioni di Mozilla</a></li>
+</ul>
+
+<p>{{ languages( { "de": "de/CSS_Referenz", "es": "es/Referencia_CSS", "fr": "fr/CSS/R\u00e9f\u00e9rence_CSS", "it": "it/Guida_di_riferimento_ai_CSS", "ja": "ja/CSS_Reference", "ko": "ko/CSS_Reference", "pl": "pl/Dokumentacja_CSS", "zh-cn": "cn/CSS_\u53c2\u8003" } ) }}</p>