I codici CSS costituiscono un linguaggio per definire i layout di pagine web. Vengono chiamati in italiano “fogli di stile a cascata” per la loro struttura e sono ormai supportati da tutti i browser.

Vediamo cosa possiamo fare con alcuni codici CSS basilari, per iniziare a conoscere meglio questo mondo!

Inserire bordi e margini con codici CSS

Se vogliamo rendere più elegante il nostro sito, possiamo inserire intorno ad immagini o contenuti bordi di diversi tipi e dimensioni grazie ad un semplice codice:

<img src=”INDIRIZZO IMMAGINE” class=”imageborder” />
.imageborder { border: 1px solid #000; }

Ci basterà determinarne la dimensione in pixel dello spessore del bordo, decidere se inserire un bordo pieno, a tratti o a punti (solid, dashed o dotted) ed il colore, modificando i valori presenti nella regola CSS3. Inserito il bordo, potremo modificarlo come preferiamo!
Per renderlo più aggraziato potremo poi arrotondare gli angoli di quanti pixel desideriamo, andando ad utilizzare:

.border-radius { border-radius: 6px; }

O aggiungere ombreggiature di diversa grandezza, intensità e colore utilizzando l’attributo box-shadow:

box-shadow: 6px 6px 3px #000; (ombra esterna, classica)

box-shadow: inset 6px 6px 3px #000 (ombra interna)

box-shadow: (ombre multiple, 1 mini codice per ogni angolo)

6px 6px 3px #000,              -6px -6px 3px #000,            6px -6px 3px #000,               -6px 6px 3px #000;

 

Personalizzare i contenuti testuali (typography del nostro sito)

Anche i testi svolgono la loro parte, perché non renderli più piacevoli e curati?
Possiamo infatti scegliere intere “famiglie di font”, aggiungere ombreggiature e cambiare le dimensioni del testo, utilizzando ad esempio:

font-family: “Times New Roman”, Georgia, Times, serif; (scegliamo i caratteri)
text-shadow: 1px 1px 2px #000; (definiamo l’ombreggiatura)
font-size: 11px; (stabiliamo la grandezza del testo)

Questi sono solo alcuni dei piccoli “trucchetti” di cui potete usufruire per abbellire il vostro sito: grazie ai CSS vi aspetta un mondo di infinite possibilità, che vi consentiranno di personalizzare l’aspetto di link, menu, immagini, sfondi, posizionare, ridimensionare spazi, tabelle e tanto altro!

Corso di CSS online, per aziende e privati

Vuoi imparare tutto sui codici CSSIscriviti subito al nostro Corso di CSS online!
Evolve Corsi organizza corsi di CSS3 e HTML online via Skype, sia per privati che per aziende. Il nostro insegnante è disponibile anche a recarsi presso gli uffici aziendali, se in zone limitrofe alla città di Modena, per tenere una lezione a tutto lo staff interessato.

I nostri corsi non sono statici, ma creati su misura sulle capacità e sulla disponibilità oraria degli studenti.

Maggiori informazioni

Vorresti iscriverti a questo corso?
Dai un’occhiata alla pagina dedicata al corso di CSS!

Per altre informazioni contattaci al 349 3839700.
Oppure scrivi un’email a corsi@evolve-design.com specificando anche il tuo recapito telefonico: ti ricontatteremo in poco tempo.