CSS le fondamenta

Classiche proprietà CSS:

Le dimensioni:

• margin-top (bottom, right, left), se si mette solo margin la proprietà viene estesa a tutti i bordi. Di solito l’unità di misura è in pixel.
• padding-top (bottom, right, left), se si mette solo margin la proprietà viene estesa a tutti i bordi. Di solito l’unità di misura è in pixel.
• width
• height

I bordi:

• border-top (bottom, right, left)
• border-top: 1px solid #000;
• Lo stile del bordo può anche essere di diverso tipo, zigrinato, punteggiato, con lineette, doppio, anche invisibile.

Il testo:

• text-align: left;
• text-indent: 100px;
• text-transform: capitalize;
• vertical-align: 100px;

Lo sfondo, il background:

• background-color: #000;
• background-image: url(grg);
• background: #000 url(grg) repeat scroll;
• background: #000 url(grg) repeat-y fixed;

Posizione:
Se si vuole spostare un oggetto, qualunque esso sia, un <div>, uno <span> etc… è necessario definirlo tramite una posizione altrimenti le modifiche sull’oggetto non vengono prese in considerazione.

• display: inline;
• display: block;
• float: left;
• clear: both;
• position: static;
• position: relative;
• position: absolute;
• top: 100px;
• visibility: visible;
• visibility: hidden;
• z-index: 1;

I fonts e i colori:

• color: #515151; (i colori posti in questa maniera si rifanno al modello RGB, cioè Red, Green, Blue, ponendo ad esempio #FF0000 salta fuori un rosso molto vivo, quasi fosforescente)

• font-size: 12pt;
• line-height: 3px;
• font-weight: bold;
• font-style: italic; (questo è il così detto corsivo)
• text-decoration: underline;
• text-decoration: line-through; (questo serve per mettere una riga sopra il testo, in definitiva come effetto di cancellatura per il testo, come si usa nello scrivere a penna)
• text-decoration: overline;
• font: italic normal bold 12pt/3px “Lucida Grande”, Lucida, Verdana, sans-serif; (sans-serif è un termine francese che significa senza-grazie, ovvero senza abbellimenti del carattere, come riccioli e così via)
• font: italic normal bold 12pt/3px “Helvetica Neue”, Arial, Helvetica, Geneva, sans-serif;
• font: italic normal bold 12pt/3px Georgia, “Times New Roman”, Times, serif;
• font: italic normal bold 12pt/3px “Courier New”, Courier, mono;