# Informatica 3 Liceo Scientifico Scienze Applicate/CSS pag2 Progetto

Informatica 3 Liceo Scientifico Scienze Applicate
Copertina Tutti i moduli · Sviluppo
    CopertinaInformatica 3 Liceo Scientifico Scienze Applicate/Copertina
* I DataBaseInformatica 3 Liceo Scientifico Scienze Applicate/I DataBase
* Modelli di DatabaseInformatica 3 Liceo Scientifico Scienze Applicate/Modelli di Database
* Progettare un database relazionaleInformatica 3 Liceo Scientifico Scienze Applicate/Progettare un database relazionale
* Modello ERInformatica 3 Liceo Scientifico Scienze Applicate/Modello ER
* Modello RelazionaleInformatica 3 Liceo Scientifico Scienze Applicate/Modello Relazionale
** Es Concessionaria MotoInformatica 3 Liceo Scientifico Scienze Applicate/Es Concessionaria Moto
** Es Agenzia ImmobiliareInformatica 3 Liceo Scientifico Scienze Applicate/Es Agenzia Immobiliare
** Es Mercato del Pesce
** Es1 PrenotazioneVaporettoInformatica 3 Liceo Scientifico Scienze Applicate/Es1 PrenotazioneVaporetto
** Es2 InterrogazioniPianificateInformatica 3 Liceo Scientifico Scienze Applicate/Es2 InterrogazioniPianificate
** Es2 TaglioFashionInformatica 3 Liceo Scientifico Scienze Applicate/Es2 TaglioFashion
* Forme Normali Integrità ReferenzialeInformatica 3 Liceo Scientifico Scienze Applicate/Forme Normali Integrità Referenziale
* Linguaggio SQLInformatica 3 Liceo Scientifico Scienze Applicate/Linguaggio SQL
** Query tramite SELECTInformatica 3 Liceo Scientifico Scienze Applicate/Query tramite SELECT
** SubQuery e Group ByInformatica 3 Liceo Scientifico Scienze Applicate/SubQuery e Group By
** Comandi SQL per creare tabelleInformatica 3 Liceo Scientifico Scienze Applicate/Comandi SQL per creare tabelle
** Comandi SQL per inserire datiInformatica 3 Liceo Scientifico Scienze Applicate/Comandi SQL per inserire dati
* Compito1Informatica 3 Liceo Scientifico Scienze Applicate/Compito1
* Compito2Informatica 3 Liceo Scientifico Scienze Applicate/Compito2
* Compito3
* HTMLInformatica 3 Liceo Scientifico Scienze Applicate/HTML
** HTML tag
** HTML formInformatica 3 Liceo Scientifico Scienze Applicate/HTML form
* Mysql e EasyPhpInformatica 3 Liceo Scientifico Scienze Applicate/Mysql e EasyPhp
* MySQL WorkbenchInformatica 3 Liceo Scientifico Scienze Applicate/MySQL Workbench
* PHPInformatica 3 Liceo Scientifico Scienze Applicate/PHP
* PHP tabellaInformatica 3 Liceo Scientifico Scienze Applicate/PHP tabella
* PHP Es. ProgettiInformatica 3 Liceo Scientifico Scienze Applicate/PHP Es. Progetti
** Spiegazione Uso FormsInformatica 3 Liceo Scientifico Scienze Applicate/Spiegazione Uso Forms
** Spiegazione Uso Mysql
** Programmi UtilizzatiInformatica 3 Liceo Scientifico Scienze Applicate/Programmi Utilizzati
** Schema CollegamentiInformatica 3 Liceo Scientifico Scienze Applicate/Schema Collegamenti
** Database ImpiegatoInformatica 3 Liceo Scientifico Scienze Applicate/Database Impiegato
** Modulo CapoProgettoInformatica 3 Liceo Scientifico Scienze Applicate/Modulo CapoProgetto
** Modulo CredenzialiInformatica 3 Liceo Scientifico Scienze Applicate/Modulo Credenziali
** Modulo ProgettiInformatica 3 Liceo Scientifico Scienze Applicate/Modulo Progetti
** Modulo Visualizza ProgettiInformatica 3 Liceo Scientifico Scienze Applicate/Modulo Visualizza Progetti
** CSS pag1 ProgettoInformatica 3 Liceo Scientifico Scienze Applicate/CSS pag1 Progetto
** CSS pag2 ProgettoInformatica 3 Liceo Scientifico Scienze Applicate/CSS pag2 Progetto
** CSS pag3 ProgettoInformatica 3 Liceo Scientifico Scienze Applicate/CSS pag3 Progetto
** CSS pag4 ProgettoInformatica 3 Liceo Scientifico Scienze Applicate/CSS pag4 Progetto
** Realizzazione SitoInformatica 3 Liceo Scientifico Scienze Applicate/Realizzazione Sito
* CSS
** Posizionamento CSSInformatica 3 Liceo Scientifico Scienze Applicate/Posizionamento CSS
Modifica il sommario

## CSS inserimento dati personali

Questo codice CSS lo troviamo nelle seguenti pagine del progetto: inserimento di un nuovo insegnante e di un progetto, la modifica e la visualizzazione di un progetto, la gestione di un progetto (visualizzazione, modifica e cancellazione) e le credenziali del capo progetto. Ecco riportato il codice: Nel primo riquadro notiamo che i comandi si riferiscono a ciascuna classe che si chiama form, i quali gli conferiscono un carattere helvetica (oppure Verdana o sans-serif) e delle dimensioni ben precise. Presenta inoltre dei margini. Essendo una classe, tutte le voci in essa raggruppate, sono raccolte in un box che a sua volta presenta delle sfumature (box-shadow) e tutti i numeri che vengono di seguito rappresentano delle parti fondamentali: il primo indica la posizione dell’ombra da sinistra a destra, il secondo indica sempre lo spostamento dell’ombra ma in questo caso in alto o in basso, il terzo numero indica la messa a fuoco dell’ombra cioè la sfumatura, mentre i numeri tra parentesi vanno ad indicare il colore che si vuole ottenere per l’ombra.
La seconda parte del codice fa riferimento a tutte le classi che hanno il nome “form p”, ovvero tutte le classi che fanno riferimento ad un particolare paragrafo. Anche in questo caso, come nel precedente, vengono utilizzati dei caratteri particolari, la classe presenta dei margini e una grandezza dei caratteri con le apposite dimensioni.
Questa parte riguarda una classe chiamata “select” e presenta le seguenti caratteristiche:
* La proprietà box-sizing viene utilizzata per indicare al browser quali sono le proprietà di ridimensionamento che dovrebbe includere;
* Un display che è bloccato anche se si scorre verso il basso o alto;
* E’ un blocco che non presenta alcun blocco e il suo sfondo non ha alcun colore, infatti è trasparente;
Questo blocco prensenta due proprietà:
* La proprietà “resize” che specifica se un elemento è ridimensionabile dall'utente;
* La proprietà “overflow”: per ritagliare i contenuti o per raggiungere le barre di scorrimento quando il contenuto di un elemento è troppo grande per entrare in un’area specifica.
E’ la sezione che riguarda i bottoni che inviano i dati una volta scritti. Essi sono allineati al centro.
In questa classe la funzione “input[type="submit"]:hover” fa sì che quando si passa sopra al bottone questo cambi colore.
Questo è il risultato ottenuto: