Informatica 3 Liceo Scientifico Scienze Applicate/CSS pag3 Progetto

Wikibooks, manuali e libri di testo liberi.
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 PesceInformatica 3 Liceo Scientifico Scienze Applicate/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
  • Compito1Informatica 3 Liceo Scientifico Scienze Applicate/Compito1
  • Compito2Informatica 3 Liceo Scientifico Scienze Applicate/Compito2
  • Compito3Informatica 3 Liceo Scientifico Scienze Applicate/Compito3
  • HTMLInformatica 3 Liceo Scientifico Scienze Applicate/HTML
    • HTML tagInformatica 3 Liceo Scientifico Scienze Applicate/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
    • 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 ProgettiInformatica 3 Liceo Scientifico Scienze Applicate/Modulo 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
  • CSSInformatica 3 Liceo Scientifico Scienze Applicate/CSS

CSS menù di scelta[modifica]

Questa parte indica una lista in cui sono raggruppati: l’inserimento, la modifica e i progetti del docente, ai quali vengono date delle dimensioni

div.lista {
  width: 700px;
}

Con questo comando le liste non risultano puntate.

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

Qui invece viene definito il carattere delle voci che fanno parte della lista.

li {
  font: 200 20px/1.5 Helvetica, Verdana, sans-serif;
  border-bottom: 1px solid #ccc;
}

Si riferisce sempre alla lista e in questa parte del codice possiamo notare che ci sono dei comandi che ci permettono di aumentare la dimensione del carattere e anche della riga quando si passa sopra il cursore del mouse, rimanendo sempre nel posto in cui si trovano.

li a {
  text-decoration: none;
  color: #4D4D4D;
  display: block;
  width: 700px;
  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;}
li a:hover {
  font-size: 25px;
  background: #f6f6f6;
}