Sono Andrea Tonin di Rovigo, sono web-designer di professione. Il mio lavoro consiste nel fornire ai miei clienti interfacce di navigazione accattivanti e personalizzate. Questa esigenza lavorativa mi ha portato a sviluppare una buona conoscenza delle tecniche HTML e CSS. Spero che questo corso pratico di CSS vi possa essere utile
In CSS possiamo raggruppare le dichiarazioni, scrivendo così un codice più chiaro, ordinato e facile da modificare.
Vediamo un esempio pratico nel seguente codice:
<!DOCTYPE html> <html> <head> <title>Titolo del documento</title> <style type="text/css"> p.esempio {color: red;} p.esempio {font-size: 18pt;} p.esempio {font-weight: bold;} </style> </head> <body> <p class="esempio">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p> </body> </html>
Lo stesso effetto si ottiene con la seguente scrittura:
<!DOCTYPE html> <html> <head> <title>Titolo del documento</title> <style type="text/css"> p.esempio { color: red; font-size: 18 pt; font-weight: bold; } </style> </head> <body> <p class="esempio">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p> </body> </html>
Oppure se vogliamo con una rappresentazione più lineare:
<!DOCTYPE html> <html> <head> <title>Titolo del documento</title> <style type="text/css"> p.esempio {color: red; font-size: 18 pt; font-weight: bold;} </style> </head> <body> <p class="esempio">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p> </body> </html>