Come CSS diventa una forza trainante è il nuovo design della pagina web , molti stanno scoprendo come il linguaggio rende codifica pagine diverse da HTML dritto . Un'idea principale in CSS è la differenza tra i diversi tipi di elementi . Si potrebbe dire che un elemento di blocco si comporta come un paragrafo : pensare ad esso come un elemento che impone una nuova linea , che non condivide lo spazio . Fare elementi di blocco è parte di pagina web design spaziatura , come gli ingegneri di migliorare il vecchio sistema di tag HTML . Istruzioni
1
Definisci il tuo oggetto . Utilizzare una semplice definizione (Es : h1 per un titolo ) o di una classe . Classificare un elemento in CSS coinvolge dandogli proprietà definite nei comandi selettore CSS , ad esempio , se A è il vostro elemento : a {color : red}
2
Ora , se A è un elemento che si desidera trasformare in un elemento di blocco , è possibile utilizzare un altro comando CSS per rendere in questo modo con il comando display. Per A, il comando sarebbe simile a questa : A { display: block }
3
Considera anche utilizzando altri stili di visualizzazione che rendono un elemento di blocco , come ' list-item' , ' compact ' e ' run-in ' . ( Sia 'compact' e 'run-in ' supportano molteplici stili di visualizzazione ) .
4
Manifesto vostro elemento utilizzando i tag di apertura e chiusura in CSS e mettere il testo o altro codice all'interno.
5
Do visualizzazione di una pagina per vedere se il CSS ha fatto il vostro elemento in un elemento di blocco . Se appare su una riga e posizionato come desiderato , sei riuscito .
6
Per verificare ulteriormente la sintassi , andate al sito W3 e usare il loro strumento di convalida. Carica il codice della pagina e il CSS validator ti mostrerà tutti gli errori .