blob: f97042c55486527cbe0317d620ee8e775f54b428 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
---
title: CSS
slug: Glossary/CSS
tags:
- CSS
- CodingScripting
- Glossary
- Web
- 'l10n:priority'
translation_of: Glossary/CSS
---
<p><strong>CSS </strong>(Cascading Style Sheets) è un linguaggio dichiarativo che controlla l'aspetto delle pagine web nel {{glossary("browser")}}. Il browser applica le dichiarazioni di stile CSS agli elementi selezionati per mostrarli correttamente. Una dichiarazione di stile contiene gli attributi e i loro valori, che determinano come una pagina web appare.</p>
<p>CSS è una delle tre tecnologie cardine del Web, insieme a {{Glossary("HTML")}} e {{Glossary("JavaScript")}}. Il CSS di solito viene usato per controllare l'aspetto degli {{Glossary("Element","elementi HTML")}}, ma può essere usato anche con altri linguaggi di markup, come {{Glossary("SVG")}} o {{Glossary("XML")}}.</p>
<p>Una regola CSS è un insieme di {{Glossary("CSS Property","proprietà")}} associate ad un {{Glossary("selettore")}}. Di seguito un esempio che mostra tutti i paragrafi HTML di colore giallo su sfondo nero:</p>
<pre><code>/* Il selettore "p" indica che tutti i paragrafi nella pagina saranno interessati da questa regola */
p {
/* L'attributo "color" definisce il colore del testo, in questo caso giallo. */
color: yellow;
/* L'attributo "background-color" definisce il colore dello sfondo, in questo caso nero. */
background-color: black
}</code></pre>
<p>"Cascading" si riferisce alle regole di priorità dei selettori ed è di fondamentale importanza, poichè un sito complesso può dichiarare migliaia di regole CSS.</p>
<h2 id="Approfondimenti">Approfondimenti</h2>
<h3 id="Conoscenza_generica">Conoscenza generica</h3>
<ul>
<li><a href="https://developer.mozilla.org/en-US/Learn/CSS">Impara il CSS</a></li>
<li>{{interwiki("wikipedia", "CSS")}} su Wikipedia</li>
</ul>
<h3 id="Riferimenti_tecnici">Riferimenti tecnici</h3>
<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS">La documentazione di MDN sul CSS</a></li>
<li><a href="http://www.w3.org/Style/CSS/current-work" rel="external">Il lavoro attuale del CSS Working Group</a></li>
</ul>
<h3 id="Scopri_di_più_sul_CSS">Scopri di più sul CSS</h3>
<ul>
<li><a href="http://www.codecademy.com/en/tracks/web" rel="external">Corso online su codecademy.com</a></li>
</ul>
|
