Il linguaggio CSS. Linee generali.

Il linguaggio CSS.

Caratteristiche generali.

Il linguaggio CSS ( acronimo di Cascading Style Sheets o fogli di stile a cascata) è un tipo di linguaggio che gestisce il layout di un sito web.

Attraverso questo linguaggio si può intervenire sulla formattazione del testo di documenti html e sulla posizione di elementi grafici.

Si intreccia continuamente con il linguaggio HTML (vedi sito: https://www.nardoniweb.com/il-linguaggio-html-linee-generali/) e ne gestisce le principali caratteristiche riguardanti il colore, la dimensione, la disposizione del testo. Altro linguaggio che si interseca con il CSS è il Javascript, un vero e proprio linguaggio di programmazione.

L’organo che regola le direttive del CSS è il W3C: il World Wide Web Consortium. Ad oggi la versione utilizzata è il CSS3.

Le sue specifiche sono modulari e permettono differenti stati di avanzamento e stabilità rispetto alla versione precedente.

A livello pratico questo tipo di linguaggio web si può inserire in tre modi diversi:

  1. Nel tag <head> inserendo un foglio di stile esterno che funge da estensione della pagina.
  2. Nel tag <style>, contenuto in <head>, all’interno della pagina web.
  3. All’interno degli elementi stessi attraverso la dicitura <style =”dichiarazione”>, ad esempio <p style=”***”> </p>.

Le sequenze di regole sono costituite da blocchi e selettori racchiuse in parentesi graffe, in cui sono espresse le dichiarazioni, ovvero le caratteristiche dell’elemento.

La dichiarazione descrive la proprietà e il relativo valore.

Quali sono le proprietà principali?

  • background: descrive la proprietà di sfondo della pagina web.
  • border: descrive le caratteristiche dei bordi.
  • color: riguarda il colore del testo.
  • float: definisce la disposizione degli elementi.
  • font-family: descrive il tipo di carattere utilizzato (ad esempio il Verdana).
  • font-size: descrive la grandezza del carattere.
  • margin: definisce il margine.
  • padding: definisce la distanza dal bordo al testo.
  • text-align: descrive l’allineamento del testo.

 

Esistono piattaforme che facilitano la scrittura del linguaggio CSS, molto utili anche per i grafici, che evidenziano varie funzioni per un ulteriore ottimizzazione delle prestazioni grafiche. Dreamweaver è uno dei più famosi.

 

Seguici
Tags: , , , , , ,