Come fare un elemento di blocco con i CSS

September 14

Come CSS diventa una forza trainante è il nuovo design della pagina web, molti stanno scoprendo come il linguaggio rende la codifica pagine diverse da HTML dritto. Un'idea principale 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 fa parte della pagina web design spaziatura, come gli ingegneri migliorano sul vecchio sistema di tag HTML.

istruzione

1 Definire l'oggetto. Utilizzare una semplice definizione (Es: H1 per un titolo) o di una classe. Classificare un elemento in CSS comporta dandogli proprietà definite nei comandi selettore CSS, per 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 del display. Per A, il comando sarà simile a questa: A {display: block}

3 Considerate anche utilizzando altri stili di visualizzazione che rendono un elemento di blocco, come 'list-item', 'compact' e 'run-in'. (Entrambi 'compact' e 'run-in' supportare più stili di visualizzazione).

4 Manifestare la vostra elemento utilizzando i tag di apertura e chiusura in CSS e mettere testo o altro codice all'interno.

5 Fare visualizzazione di una pagina per vedere se CSS fatto vostro elemento in un elemento di blocco. Se appare su una riga e posizionato come desiderato, sei riuscito.

6 Per controllare ulteriormente la sintassi, andare al sito W3 e utilizzare il loro strumento di convalida. Basta caricare il codice della pagina e il validatore CSS vi mostrerà gli eventuali errori.