Lezione 5: Testo

Formattare e aggiungere dello stile al testo è una delle prerogative principali per ogni web designer. In questa lezione ti verranno introdotte alcune sorprendenti opportunità fornite dai CSS per aggiungere stile al testo. Descriveremo le seguenti proprietà:

• text-indent
• text-align
• text-decoration
• letter-spacing
• text-transform

Indentazione del testo [text-indent]

La proprietà text-indent ti permette di aggiungere un tocco elegante ai paragrafi di testo, applicando una indentazione alla prima linea del paragrafo. Nell’esempio sotto abbiamo applicato una indentazione di 30px a tutti i paragrafi marcati con il tag <p>:

p {
	text-indent: 30px;
}

Allineamento del testo [text-align]

Prosegui la lettura…

Lezione 4: Font

Verranno descritte le seguenti proprietà CSS:

• font-family
• font-style
• font-variant
• font-weight
• font-size
• font

La famiglia dei caratteri [font-family]

La proprietà font-family viene usata per definire le priorità per la lista dei caratteri da usare per visualizzare un elemento o una pagina web. Se il primo font della lista non è stato istallato sul computer che accede al sito, allora verrà provato il secondo font della lista e così via finchè non verrà trovato un fonte disponibile.

Ci sono due tipi di nomi per catalogare i font: i nomi della famiglia e le famiglie generiche. I due termini vengono spiegati sotto.

Nome della famiglia

Esempi di nomi della famiglia (conosciuto spesso con il termine “font”) possono essere per esempio “Arial”, “Times New Roman” o”Tahoma”.

Famiglia generica

Le famiglie generiche possono essere descritte meglio come gruppi di nomi di famiglie con caratteristiche uniformi. Un esemio è il sans-serif (in italiano, senza grazie), che è la collezione dei font senza le cosiddette grazie, o “piedi”.

Di seguito vengono illustrate le differenze:
Prosegui la lettura…

Lezione 3: Colori e sfondi

In questa lezione imparerai come applicare i colori e gli sfondi al tuo sito web. Vedremo anche alcuni metodi avanzati per posizionare e controllare le immagini di sfondo. Spiegheremo quindi le seguenti proprietà CSS:

color
background-color
background-image
background-repeat
background-attachment
background-position
background

Colore di primo piano: la proprietà ‘color’

La proprietà color descrive il colore di primo piano di un elemento.

Per esempio, immagina di volere tutti i titoli del documento di colore rosso scuro. I titoli sono tutti marcati con l’elemtno HTML <h1>. Il codice sotto definisce il colore rosso dell’elemento <h1>.

h1 {
	color: #ff0000;
}

I colori possono essere inseriti in valore esadecimale come nell’esempio sopra, o puoi usare il nome del colore in inglese (“red”) o il suo valore in rgb (rgb(255,0,0)).

La proprietà ‘background-color’

La proprietà background-color descrive il colore di sfondo degli elementi.
Prosegui la lettura…

Ecoevo inizia la collaborazione con il Comitato per lo Sviluppo dell’ Imprenditoria  Femminile CCIAA Padova. Verra’ registrato un nuovo dominio, nuovo spazio web e sito altamente interattivo.

 Ecoevo pubblica su Youtube il nuovo video di Stonebreakers.