Qual è la differenza tra il blocco e in linea fogli di stile?

February 15

Qual è la differenza tra il blocco e in linea fogli di stile?


Le pagine Web sono costruite utilizzando i codici basati su computer, il più comune dei quali è chiamato Hypertext Markup Language (HTML). Cascading Style Sheets (CSS) sono insiemi di regole usate attraverso documenti Web per rafforzare la coerenza del design. Sia blocco e CSS in linea permettono di assomigliare disegni documento di stampa con la formattazione del testo, il colore e il layout. Mentre lo stile blocco definisce gli elementi più grandi in una pagina (paragrafi e liste), stile in linea definisce gli attributi di testo specifici.

CSS e HTML

Mentre HTML viene utilizzato per strutturare i contenuti, CSS viene utilizzato per applicare stili visivi. Di per sé, HTML è limitata. Ma utilizzato con i fogli di stile, il codice consente ai progettisti web e gestori di contenuti creare pagine con layout più attraente visivamente. Poiché i file HTML e CSS sono sempre tenute separate sul server, i fogli di stile, capaci di disperdere attributi predefiniti attraverso una pagina o l'intero sito web.

Blocco di codice vs codice inline

Blocco di codice definisce gli elementi globali in una pagina, ad esempio paragrafi e citazioni di blocco. Visivamente, questo è rappresentato da elementi che appaiono al di fuori del normale flusso di testo della pagina - per esempio, la creazione di una casella colorata per una frase del testo. Al contrario, il codice inline inserisce attributi nel flusso di testo - per esempio, mettendo in evidenza una sola frase all'interno di un paragrafo di testo. Poiché gli elementi di blocco definiscono intere regioni di una pagina, il codice tipicamente occupano l'intera larghezza dello spazio, aggiungendo una riga prima e dopo l'elemento. Gli elementi e gli attributi sono scritti in codice utilizzando i tag prima e dopo il testo specifico.

Block e Inline Tag

tag di stile di blocco includono <p> per paragrafo e <blockquote> per le citazioni di blocco. Altri elementi definiti con tag livello di blocco sono liste ordinate e non, e le intestazioni. Esempi comuni di tag di stile in linea includono <em> per il corsivo, <strong> per il grassetto, e <A> per i collegamenti ipertestuali.

Block e Inline Placement

Poiché le regioni tag di livello di blocco stile di una pagina, i tag in linea devono sempre essere posizionati all'interno (o tra) i tag livello di blocco. Questo significa che i tag livello di blocco non possono mai essere posizionati all'interno dei tag in linea. Per esempio, il corpo <body> di una pagina può avere parole in corsivo <em> - ma una parola in corsivo o raggruppamento di parole non definire l'intero corpo di una pagina. E 'più facile ricordare che la più piccola (specifico) attributi, come il testo in grassetto, sono collocati all'interno di elementi più grandi (a livello mondiale), come i paragrafi.