Gli errori più comuni su CSS

tramite: O2O

Introduzione

Il linguaggio CSS (Cascading Style Sheets) si usa essenzialmente per la creazione di un sito web. Insieme all'HTML e al Javascript, formano una pagina web in tutto e per tutto. Il CSS, in particolare, si occupa di tutti quegli aspetti che vanno a comporre la grafica del nostro sito web. Infatti il linguaggio HTML non è un linguaggio di programmazione, per cui segue solamente delle regole base dettate dal browser che si utilizza. Attraverso il CSS è possibile modificare queste regole, personalizzando a piacimento l'aspetto grafico di un sito web. L'utilizzo del CSS, però, non è così semplice come si può pensare e spesso si possono commettere errori. Andiamo dunque a vedere gli errori più comuni su CSS.

15

Dimenticare il punto e virgola

In tanti altri linguaggi di programmazione, come C++ o Java, al termine di un'istruzione va sempre indicato il ";". Ciò sta a significare che quella riga di codice termina lì e si passa al comando successivo. Anche il CSS segue questa regola base e richiede l'utilizzo del punto e virgola al termine di ogni dichiarazione. Ad esempio, se vogliamo modificare la classe p (paragrafo), impostando il testo allineato al centro, dovremo scrivere p {text-align: center;}. Come potete vedere, al termine dell'istruzione è stato messo il ";". Se voleste aggiungere altri parametri per quella classe, dovrete sempre inserire questa particolare punteggiatura.

25

Dimenticare le parentesi graffe

Come nella maggior parte dei linguaggi di programmazione, le parentesi graffe separano istruzioni relative a diversi oggetti. Nel caso del CSS, le parentesi servono a specificare i vari parametri stilistici di una particolare classe. In questo modo è facile distinguere quali parametri sono relativi a quale classe. Se si omettono le parentesi graffe, il broswer non saprà a chi sono riferite quelle istruzioni e restituirà un errore.

Continua la lettura
35

Non chiudere le virgolette

Le virgolette (" ") servono a dare un valore stringa ad una particolare variabile. Nel linguaggio CSS vengono usate spesso per il foglio di stile, fondamentale per una pagina web. Se ad esempio vogliamo definire delle caratteristiche univoche per varie pagine, basterà impostare l'attributo . In questa maniera tutta la classe avrà solamente le caratteristiche che voi gli avete fornito da tastiera. Gli errori che si possono avere se non si chiudono correttamente le virgolette sono differenti, anche a seconda del browser. Si può avere un difetto di formattazione, mostrando la pagina con le impostazioni di default del broswer o, ancora peggio, una pagina completamente bianca.

45

Valore numerico per una classe

Anche il CSS possiede delle regole sintattiche che bisogna rispettare. Una di queste riguarda la nomenclatura relativa alle classi utilizzate. La più importante è senza dubbio quella di non rinominare la classe attraverso l'uso di numeri o caratteri speciali. In questo modo si evitano errori di conflitto o di formattazione. Se proprio volete chiamarla come un numero, potete scriverlo a lettere invece di usare il valore numerico.

55

Non chiudere i tag

HTML e CSS sono in simbiosi tra loro. Uno dipende dall'altro e quando ci sono errori da una parte, possono influenzare anche su un codice CSS scritto correttamente. Un errore tipico è quello di non chiudere i tag secondo lo schema . I tag vanno ad identificare un'area specifica della pagina web, che sia l'header o il footer di pagina. Andando a lasciare il tag aperto, il browser non saprà a quale elemento appartenga il tag incompleto.

Potrebbe interessarti anche

Segnala contenuti non appropriati

Tipo di contenuto
Devi scegliere almeno una delle opzioni
Descrivi il problema
Devi inserire una descrizione del problema
Si è verificato un errore nel sistema. Riprova più tardi.
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Programmazione

Come creare un semplice programma in C++

Il C++ è un linguaggio di programmazione che riprende molte basi del classico C. Il quasi totale abbandono del linguaggio C è dovuto all'implementazione ...
Programmazione

Bootstrap: come formattare il testo

Bootstrap è la più popolare applicazione per PC per lo sviluppo di applicazioni web. Grazie al supporto per HTML, Javascript e CSS, potremo realizzare il ...
Programmazione

Errori da non commettere nell'uso di Javascript

Javascript è un linguaggio informatico utilizzato nella programmazione web lato client, per la creazione di siti e applicazioni con effetti dinamici e interattivi, tramite funzioni ...
Programmazione

Come generare numeri casuali in Javascript

Javascript è comunemente utilizzato per la programmazione Web, per la creazione di siti internet e applicazioni web, e ha la caratteristica di poter generare degli ...
Internet

Come effettuare un redirect in HTML

Esistono diversi modi per effettuare il redirect, ovvero per reindirizzare l'utente verso un'altra pagina web. Di seguito verrà spiegato il redirect tramite l ...
Programmazione

Bootstrap: come gestire gli alert

Creare un sito web non è compito semplice: richiede una serie di conoscenze e praticità a livello di programmazione informatica. Ciò non implica che solo ...
Programmazione

Creare un thread in Java

Vediamo d'introdurre, per mezzo di questa guida, come creare ed usare un semplice thread in linguaggio Java. Vedremo l'uso della classe Thread e ...
Programmazione

Creare un thread in Java

Vediamo d'introdurre, per mezzo di questa guida, come creare ed usare un semplice thread in linguaggio Java. Vedremo l'uso della classe Thread e ...
Programmazione

Come definire una classe in C++

Attraverso la lettura di quest'interessante guida, andremo a occuparci del linguaggio C++. Per essere più specifici, come abbiamo avuto occasione di indicarvi nel titolo ...
Programmazione

Come definire una classe in C++

Con questa piccola guida impareremo prima ad usare i costrutti della programmazione ad oggetti del linguaggio di C++ e poi impareremo come definire una classe ...
Programmazione

Come interrogare un database in Java

Java è un linguaggio di programmazione. Ovviamente, esistono diverse versioni di questo: si passa da Javascript, che è quello che rende dinamiche le pagine web ...
Programmazione

Come creare una calcolatrice con Dev C++

Dev C++ rappresenta un IDE completamente gratuito, distribuito e messo a disposizione dell'utente sotto Licenza GNU per la programmazione in linguaggio C e C ...
Programmazione

Creare una tabella dinamica parametrizzata in Jquery

Spesso capita di dover inserire una tabella nelle pagine web. In alcuni casi questo è un problema perché richiede un lungo procedimento. La soluzione è ...
Internet

Come creare una pagina HTML

Ciascuna pagina web si basa su un insieme di comandi utili al browser per farla apparire visivamente nella maniera desiderato dalla persona che la sta ...
Programmazione

Come mostrare a video un messaggio in Java

Il linguaggio di programmazione Java viene utilizzato in parecchi ambiti. Basti pensare alle applicazioni web che sfruttano intere architetture e database scritti totalmente in Java ...
Internet

Come centrare pagina html

L'Html è il linguaggio di formattazione che descrive come impaginare o visualizzare un contenuto di una pagina con dei tag di formattazione. L'Html ...
Programmazione

Come realizzare un sito usando Java

Con la navigazione in internet si possono visitare di continuo delle serie infinite di siti e pagine. Tanti utenti, per varie necessità, hanno infatti bisogno ...
Windows

Come convertire i file mht in html

Il formato MHT è un formato di archiviazione dei dati impiegato per salvare pagine web e documenti ipertestuali. Questo tipo di formato permette inoltre di ...
Mac

Come usare Dreamweaver CS6

Adobe Dreamweaver CS6 è uno strumento di sviluppo web realizzato da Adobe Systems, è disponibile per OSX e per Windows. Le versioni più recenti hanno ...
Mac

Come usare Dreamweaver CS6

Adobe Dreamweaver CS6 è uno strumento di sviluppo web realizzato da Adobe Systems; è disponibile per OSX e per Windows. Le versioni più recenti hanno ...
I presenti contributi sono stati redatti dagli autori ivi menzionati a solo scopo informativo tramite l’utilizzo della piattaforma www.o2o.it e possono essere modificati dagli stessi in qualsiasi momento. Il sito web, www.o2o.it e Arnoldo Mondadori Editore S.p.A. (già Banzai Media S.r.l. fusa per incorporazione in Arnoldo Mondadori Editore S.p.A.), non garantiscono la veridicità, correttezza e completezza di tali contributi e, pertanto, non si assumono alcuna responsabilità in merito all’utilizzo delle informazioni ivi riportate. Per maggiori informazioni leggi il “Disclaimer»”.