I fondamentali del CSS con accenni al CSS3
()
Info su questo ebook
Leggi altro di Antonio Mercurio
Guida a GIT Valutazione: 0 su 5 stelle0 valutazioniPhp le basi: per principianti Valutazione: 0 su 5 stelle0 valutazioni
Correlato a I fondamentali del CSS con accenni al CSS3
Ebook correlati
CSS: Guida Completa allo Sviluppo di Fogli di Stile per Web Design e la Creazione di Siti Internet. Contiene Esempi di Codice ed Esercizi Pratici Valutazione: 0 su 5 stelle0 valutazioniCorso Css. Dai stile al tuo sito web Valutazione: 0 su 5 stelle0 valutazioniProgrammazione in JavaScript Valutazione: 0 su 5 stelle0 valutazioniCorso html. La base di ogni sito web Valutazione: 1 su 5 stelle1/5Vba Se vi Piace 01 Valutazione: 0 su 5 stelle0 valutazioniJavascript - 50 funzioni e tutorial Valutazione: 0 su 5 stelle0 valutazioniHTML5 canvas in tempo reale Valutazione: 0 su 5 stelle0 valutazioniC++ Funzioni e tutorial 40 esempi Valutazione: 0 su 5 stelle0 valutazioniGuida al CSS per ebook Valutazione: 0 su 5 stelle0 valutazioniHTML 5 Valutazione: 2 su 5 stelle2/5Read aloud ePub per iBooks Valutazione: 0 su 5 stelle0 valutazioniExcel 2016 Passo dopo Passo Valutazione: 0 su 5 stelle0 valutazioniHTML, CSS, Bootstrap, Php, Javascript e MySql: Tutto quello che devi sapere per creare un sito dinamico Valutazione: 0 su 5 stelle0 valutazioniSviluppare applicazioni Web con Google Apps Script ed AngularJS Valutazione: 3 su 5 stelle3/5PHP Valutazione: 0 su 5 stelle0 valutazioniInstallare Wordpress ed evitare lo stress Valutazione: 0 su 5 stelle0 valutazioniHTML5 canvas in tempo reale (estratto) Valutazione: 0 su 5 stelle0 valutazioniProgettazione CAD: La guida completa per principianti Valutazione: 0 su 5 stelle0 valutazioniMastery di SQL Valutazione: 0 su 5 stelle0 valutazioniePub. Lo standard più diffuso al mondo per la creazione di e-Book. Stato dell'arte e tecniche redazionali. Valutazione: 0 su 5 stelle0 valutazioniCoding in R per l'analisi dati - da principiante a esperto Valutazione: 0 su 5 stelle0 valutazioniUsare GD library con PHP, funzioni, figure, grafici e gradienti Valutazione: 0 su 5 stelle0 valutazioniVba Se vi Piace 02 Valutazione: 0 su 5 stelle0 valutazioniLa Guida Facile alla Manutenzione di WordPress - Backup, copia, migrazione, installazione e aggiornamento in locale e online Valutazione: 0 su 5 stelle0 valutazioniC# Programmazione per principianti Valutazione: 0 su 5 stelle0 valutazioniSuggerimenti per la formattazione dei libri digitali Valutazione: 0 su 5 stelle0 valutazioniApp Inventor 2 con database MySQL Valutazione: 0 su 5 stelle0 valutazioniDaVinci il montaggio perfetto per tutti: Intro, approfondimenti, esercizi Valutazione: 0 su 5 stelle0 valutazioni
Programmazione per voi
Corso di PHP. Livello base. Con esercizi Valutazione: 0 su 5 stelle0 valutazioniRaspberry Pi: Scopri Tutti i Segreti per lo Sviluppo e Programmazione del Micro Computer per Maker e Hobbisti. Contiene Esempi di Codice ed Esercizi Pratici Valutazione: 0 su 5 stelle0 valutazioniPython | Programmazione passo dopo passo: La guida per i principianti per un'introduzione alla programmazione con Python Valutazione: 0 su 5 stelle0 valutazioniPROGRAMMARE IN C# 10 - Tecniche di base Valutazione: 0 su 5 stelle0 valutazioniProgrammare in Visual Basic (VB) Valutazione: 0 su 5 stelle0 valutazioniLa programmazione orientata agli oggetti Valutazione: 0 su 5 stelle0 valutazioniGuida ePUB. Creare, pubblicare, promuovere un e-book a costo zero: Corso completo da Principiante a Esperto (Nuova Versione) Valutazione: 0 su 5 stelle0 valutazioniLa Guida Definitiva Per Sviluppatori Di Software: CONSIGLI E TRUCCHI Valutazione: 0 su 5 stelle0 valutazioniLa Programmazione in JAVA Valutazione: 0 su 5 stelle0 valutazioniJavascript - 50 funzioni e tutorial Valutazione: 0 su 5 stelle0 valutazioniC++ Funzioni e tutorial 40 esempi Valutazione: 0 su 5 stelle0 valutazioniTabelle Pivot per tutti. Dalle semplici tabelle alle Power-Pivot: Guida utile per la creazione delle Tabelle Pivot in Excel Valutazione: 0 su 5 stelle0 valutazioniApp Inventor 2 per esempi Valutazione: 1 su 5 stelle1/5Python: La Guida Per Imparare a Programmare. Include Esercizi di Programmazione.: Programmazione per Principianti, #1 Valutazione: 0 su 5 stelle0 valutazioniLe basi di Linux Valutazione: 0 su 5 stelle0 valutazioniFondamenti di programmazione in C# 11 Valutazione: 0 su 5 stelle0 valutazioniLa programmazione VB.NET 2008 Valutazione: 0 su 5 stelle0 valutazioniHTML, CSS, Bootstrap, Php, Javascript e MySql: Tutto quello che devi sapere per creare un sito dinamico Valutazione: 0 su 5 stelle0 valutazioniTecnologia e Progettazione per il mondo digitale e per il web III Valutazione: 0 su 5 stelle0 valutazioniVba Se vi Piace 01 Valutazione: 0 su 5 stelle0 valutazioniHandbook Excel 365: Dalle basi al livello avanzato Valutazione: 0 su 5 stelle0 valutazioni
Recensioni su I fondamentali del CSS con accenni al CSS3
0 valutazioni0 recensioni
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