Nwlapcug.com


Qual è la differenza tra blocco & fogli di stile Inline?

Qual è la differenza tra blocco & fogli di stile Inline?


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 utilizzate in tutti i documenti Web per rafforzare la coerenza del design. Sia block e inline CSS rendono possibile ad assomigliare a disegni di stampa documento di formattazione testo, colore e layout. Mentre lo stile di blocco definisce grandi elementi su una pagina (paragrafi ed elenchi), stile in linea definisce gli attributi di testo specifico.

CSS e HTML

Mentre HTML viene utilizzato per strutturare i contenuti, CSS viene utilizzato per applicare gli stili di visualizzazione. Di per sé, HTML è limitato. Ma utilizzato con fogli di stile, il codice consente a Web designer e content managers di creare pagine con più visivamente accattivante layout. Perché i file HTML e CSS sono sempre tenuti separati sul vostro server, fogli di stile possono disperdersi attributi predefiniti attraverso una pagina o l'intero sito Web.

Codice di blocco vs codice Inline

Blocco codice definisce gli elementi globali su una pagina, ad esempio i paragrafi e le citazioni di blocco. Visivamente, questo è rappresentato da elementi che vengono visualizzati di fuori testo normale flusso della pagina..--ad esempio, creare una casella colorata per una frase di testo. Al contrario, il codice inline inserisce gli attributi nel flusso di testo, ad esempio, evidenziando una singola frase all'interno di un paragrafo di testo. Perché blocco elementi definiscono le regioni intere di una pagina, nel codice che in genere occupano l'intera larghezza dello spazio, aggiungendo una riga prima e dopo l'elemento. Elementi e attributi sono scritti in codice utilizzando tag prima e dopo il testo specifico.

Block e Inline Tag

Tag di stile blocco includono < p > per paragrafo e < blockquote > per citazioni di blocco. Gli altri elementi definiti con tag di livello di blocco sono elenchi ordinati e non ordinati e rubriche. Esempi comuni di tag di stile inline includono < em > per corsivo, < forte > per grassetto e < a > per i collegamenti ipertestuali.

Block e Inline Placement

Perché blocco livello Tag aree di stile di una pagina, tag inline deve essere sempre collocato all'interno (o tra) bloccare il livello tag. Questo significa tag di livello di blocco non può essere collocato all'interno del tag inline. Per esempio, il corpo < body > di una pagina potrebbe avere parole in corsivo < em >..--ma una parola in corsivo o raggruppamento di parole non definisca l'intero corpo di una pagina. È più facile da ricordare che più piccoli attributi (specifici), ad esempio testo in grassetto, vengono posizionati all'interno di elementi più grandi (globali) come i paragrafi.