diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:47:54 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:47:54 +0100 |
commit | 30feb96f6084a2fb976a24ac01c1f4a054611b62 (patch) | |
tree | d73194ae27b60156ff0ca54013c8c4ad8519f10a /files/it/web/css/reference/index.html | |
parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
download | translated-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.html | 96 |
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 > 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> |