April 8
Piè di pagina, che appaiono in fondo alla pagine, di solito contengono link alle sezioni importanti su un sito web. CSS ha una proprietà chiamata "dal basso", che permette ai progettisti del sito per posizionare gli oggetti relativi alla fine di una pagina. Impostando il valore di questa proprietà a zero, è possibile forzare i tuoi piè di aderire perfettamente alla parte inferiore di ogni pagina Web.
1 Aprire qualsiasi documento HTML utilizzando il blocco note o un editor HTML.
2 Aggiungere il seguente elemento div alla sezione corpo della pagina:
<Div class = "bottom">
Questo è un testo all'interno del footer
</ Div>
Questo div contiene il testo piè di pagina di esempio e un riferimento a una classe CSS denominato "fondo".
3 Incollare il codice riportato di seguito nella sezione head del documento:
.parte inferiore {
position: absolute;
text-align: center;
width: 100%;
bottom: 0px;
width: 100%;
}
Questa classe CSS - a cui fa riferimento il div - costringe il div a galleggiare sul fondo della pagina Web. La struttura inferiore, impostato su "0px" in questo esempio, mantiene il div in basso.
4 Salvare il documento e visualizzarlo nel browser per confermare che il piè di pagina viene visualizzata nella parte inferiore della pagina Web.