Scopri milioni di ebook, audiolibri, riviste e altro ancora

Solo $11.99/mese al termine del periodo di prova. Cancella quando vuoi.

I fondamentali del CSS con accenni al CSS3

I fondamentali del CSS con accenni al CSS3

Leggi anteprima

I fondamentali del CSS con accenni al CSS3

Lunghezza:
69 pagine
39 minuti
Editore:
Pubblicato:
22 feb 2018
ISBN:
9788892631243
Formato:
Libro

Descrizione

In questo libro affrontiamo i seguenti argomenti:

- Come si inserisce il codice css

- Allineamento del testo

- Formattazione del testo

- Stile dei font

- Effetti sul testo

- Bordi

- Immagine come bordo

- Margini

- padding

- Stili delle tabelle

- Classi

- Pseudo classi

- Links

- Principali proprietà css3

- Border-radius

- Border-image

- Effetti di transizione

- Effetti di trasformazione
Editore:
Pubblicato:
22 feb 2018
ISBN:
9788892631243
Formato:
Libro

Informazioni sull'autore


Correlato a I fondamentali del CSS con accenni al CSS3

Libri correlati

Anteprima del libro

I fondamentali del CSS con accenni al CSS3 - Antonio Mercurio

proprietà.

La sintassi

Il css o (fogli di stile a cascata) consiste in una serie di proprietà e valori applicati sugli elementi html che conoscete, e che consentono di formattare e stilizzare i contenuti dei nostri siti o pagine senza doverlo riscrivere singolarmente per ognuna di esse. Immaginate di aver scritto 100 pagine web e di voler ad un tratto applicare una formattazione unica a tutte. Dovreste farlo nel codice di ogni pagina, mentre con i fogli di stile possiamo creare un file in formato .css ed importarlo semplicemente in ogni pagina nella sezione e così tutte le pagine saranno formattate allo stesso modo. In pratica il linguaggio html serve ad inserire testo ed altri elementi sulle pagine, mentre il Css consente di stilizzare e curare la formattazione dei contenuti. Ecco come si presenta un codice css tipico

p{

font-size:18px;

}

Abbiamo la parte esterna alle parentesi graffe che sarebbe l’elemento html su cui applichiamo la regola e in questo caso il paragrafo. Questo viene definito selettore. La parte font-size è la proprietà che in questo caso sarebbe la grandezza di un carattere e dopo i due punti abbiamo il suo valore che è la misura del font in pixel. Ogni istruzione css termina con un ;.

Come inserire il codice

Le istruzioni css possono essere inserite in un file css esterno. Per iniziare questo corso create nel vostro editor una cartella di nome css e al suo interno create un file di tipo css e nominatelo stile in modo da avere un file stile.css. All’interno di esso inserite questo codice

p{

font-size:26px;

}

poi salvate. Ora create nella cartella del progetto un file html e lo nominate test, quindi ora abbiamo un file stile.css e uno test.html. Non cancellate questi due files mai perchè li useremo sempre durante il nostro studio. Ora nella sezione del file html inserite questa istruzione stylesheet type=text/css href=stile.css> .

Spieghiamo questa istruzione. Link rel fa in modo che il link si riferisca ad una risorsa di tipo css, infatti stylesheet sta per foglio di stile. Poi segue type=text/css che rappresenta la tipologia di testo e href indica il percorso dove si trova il file. In questo caso non abbiamo dovuto indicare un percorso perchè si trova già nella stessa cartella del progetto e non in sottocartelle. Questa modalità di inserire il css è quella che useremo sempre nel libro e quindi non cancellate il file e non spostatelo di posizione. Si definisce questa modalità css esterno. Ora provate a scrivere uno o più paragrafi nel vostro file html come segue

css esterno

1 2 <html lang=en> 3 <head> 4     <meta charset=UTF-8> 5     <title>Title</title> 6 7     <link rel=stylesheet href=stile.css type=text/css> 8 9 </head> 10 <body> 11 12 13 Testo senza formattazione 14 15 <p>Testo con la proprietà font.weight</p> 16 17 <p>Testo con la proprietà font.weight</p> 18 19 <p>Testo con la proprietà font.weight</p> 20 21 22 23 </body> 24 </html>

Aprite la pagina in un browser e noterete che tutti i paragrafi hanno un font con grandezza 26 pixels. I 26 pixels noi li indichiamo con 26px. Un secondo modo per inserire il css è all’interno della sezione ma usando il tag

1 2 <html lang=en> 3 <head> 4     <meta charset=UTF-8> 5     <title>Title</title> 6 7     <style> 8 9         p{ 10 11             font-size:26px; 12 13         } 14 15 16 17     </style> 18 19 </head> 20 <body> 21 22 23 Testo senza formattazione 24 25 <p>Testo con la proprietà font.weight</p> 26

Hai raggiunto la fine di questa anteprima. Registrati per continuare a leggere!
Pagina 1 di 1

Recensioni

Cosa pensano gli utenti di I fondamentali del CSS con accenni al CSS3

0
0 valutazioni / 0 Recensioni
Cosa ne pensi?
Valutazione: 0 su 5 stelle

Recensioni dei lettori