css

.css — Foglio di Stile a Cascata

World Wide Web Consortium (W3C) · 1996

Sviluppatore

World Wide Web Consortium (W3C)

Categoria

File web

Tipo MIME

text/css

Prima versione

1996

Formato aperto

Sì

Firma del file

No specific magic bytes; typically starts with '@charset' or CSS rules

Cos'è un file .css?

Un file CSS (Cascading Style Sheet) contiene regole di stile che i browser web utilizzano per renderizzare il contenuto di documenti HTML o XML. Dettaglia la presentazione visiva delle pagine web, inclusi aspetti come font, colori, spaziatura e layout. Separando la presentazione dal contenuto, CSS consente uno stile coerente su più pagine e una più facile manutenzione del design del sito web.

Programmi che aprono file .css

Piattaforma	Programma
Windows	Visual Studio Code	Gratuito
	Notepad++	Gratuito
	Sublime Text	A pagamento
	Adobe Dreamweaver	A pagamento
macOS	Visual Studio Code	Gratuito
	Sublime Text	A pagamento
	BBEdit	A pagamento
	TextEdit	Gratuito	Ufficiale

Problemi comuni con i file .css

⚠️ Gli stili non vengono applicati come previsto.

Controlla errori di sintassi, selettori errati o problemi di specificità. Assicurati che il file CSS sia correttamente collegato nel documento HTML e cancella la cache del browser.

⚠️ Problemi di layout o elementi visualizzati in modo errato.

Ispeziona gli strumenti per sviluppatori del browser per eseguire il debug degli stili, controllare regole in conflitto o indagare le proprietà di `box-model` e `flexbox`/`grid`.

⚠️ Colli di bottiglia delle prestazioni dovuti a file CSS di grandi dimensioni.

Minimizza il CSS, rimuovi gli stili non utilizzati e considera di dividere i fogli di stile grandi in file più piccoli e specifici caricati quando necessario.

Domande frequenti

Qual è lo scopo principale del CSS?▼

Lo scopo principale del CSS è definire la presentazione visiva e il layout delle pagine web. Controlla come gli elementi HTML vengono visualizzati su schermo, carta o altri media, rendendo i siti web visivamente accattivanti e facili da usare.

Il CSS può essere usato senza HTML?▼

Sebbene il CSS sia progettato per stilizzare linguaggi di markup, principalmente HTML e XML, non può esistere indipendentemente per renderizzare il contenuto. Ha bisogno di un documento strutturato (come HTML) per applicare i suoi stili agli elementi all'interno di quel documento.

Cosa sono i framework CSS?▼

I framework CSS sono librerie CSS pre-scritte che forniscono una base per uno sviluppo web più rapido e coerente. Spesso includono componenti pronti all'uso, griglie e utility, come Bootstrap, Tailwind CSS o Bulma.

Dettagli tecnici

I file CSS sono file di testo semplice che consistono in una serie di regole, ognuna contenente un selettore e un blocco di dichiarazione. Sebbene non ci siano 'magic bytes' specifici all'inizio, i file CSS spesso iniziano con una regola `@charset` opzionale o direttamente con regole di stile, come `body { ... }`. I browser analizzano queste regole per applicare gli stili agli elementi corrispondenti.

Lo sapevi?

Il termine 'Cascata' in Fogli di Stile a Cascata si riferisce all'ordine specifico in cui gli stili vengono applicati, consentendo agli sviluppatori di definire più fogli di stile e regole che si fondono e si sovrascrivono a vicenda in base alla specificità e all'importanza.

Informazioni sulla sicurezza

I file CSS di per sé sono generalmente sicuri, in quanto sono file basati su testo che definiscono la presentazione. Tuttavia, CSS dannoso può essere utilizzato in combinazione con JavaScript e HTML (ad esempio, tramite iniezione di stile) per deturpare siti web, esfiltrare dati (ad esempio, tramite selettori di attributi o schemi simili a keylogger) o creare sofisticate pagine di phishing. Assicurati sempre che i file CSS provengano da fonti affidabili e sanifica gli stili generati dall'utente.