Come fare una parte superiore del 100% della finestra del browser?

Questo articolo indicherà:

• Come creare un contenitore di div in html?
• Come creare/creare un'altezza di div al 100% della finestra del browser?

Come creare/creare un contenitore di div in html?

Per creare un contenitore di div in HTML, seguire i passaggi indicati.

Passaggio 1: crea il primo contenitore di div

Inizialmente, crea un contenitore Div utilizzando il ""Tag e inserire un attributo di classe con un nome particolare. Ad esempio, "Linuxhint".

Passaggio 2: crea un secondo contenitore di div

Successivamente, crea un altro contenitore di div all'interno del contenitore. Inoltre, aggiungi un attributo ID e assegna un nome come "TS1". Quindi, specifica il “Linuxhint"Testo tra il tag del contenitore.

Passaggio 3: crea un contenitore di terzo div

Allo stesso modo, crea un altro contenitore di div all'interno del contenitore di div principale e incorpora un po 'di testo, come "TSL-LTD-UK":

Produzione

Come creare/creare un'altezza di div al 100% della finestra del browser?

Per realizzare un contenitore di div altezza al 100% delle finestre del browser, prova la seguente procedura passo-passo.

Passaggio 1: accedere al contenitore principale

Innanzitutto, accedi al Div principale con l'aiuto del nome della classe, come "Linuxhint"E selettore di classe".".

Passaggio 2: applicare le proprietà CSS

Dopo aver acceduto alla classe, applicare le proprietà sotto l'elenco:

Nel blocco di codice sopra indicato:

• "imbottitura"La proprietà CSS viene utilizzata per impostare lo spazio nella parte superiore di un elemento.
• "larghezza"Viene utilizzato per specificare la dimensione dell'elemento in orizzontale.
• "altezza"Definisce l'altezza dell'elemento.
• "dimensione del font"La proprietà specifica la dimensione di un carattere in un elemento.
• "Famiglia di font"Imposta il carattere su un elemento. Può contenere alcuni nomi dei caratteri, come "Courier New".
• "colore di sfondo"Proprietà imposta il colore per lo sfondo dell'elemento definito.
• "allineamento"La proprietà viene utilizzata per l'impostazione dell'allineamento del testo.
• "colore"La proprietà assegna un colore al testo in un elemento.

Passaggio 3: modella il contenitore di divina interiore

Utilizzare il selettore ID "#"Con il nome ID"TSL"E applicare il"dimensione del font"Avere il"50px"Come valore e"Font-peso"Proprietà per lo styling del testo all'interno del contenitore Div. Qui, abbiamo usato il "corsivo" stile carattere:

Produzione

Si può osservare che il div è creato con l'altezza del 100% della finestra del browser:

Hai spiegato il modo più semplice per realizzare l'altezza del 100% di Div della finestra del browser.

Conclusione

Per fare un div con altezza al 100% della finestra del browser, prima crea un contenitore di div ""E aggiungi un"classe"Attributo con un nome specifico. Quindi, crea un altro contenitore di div nidificato e incorpora il testo tra ""Tag. Successivamente, accedi al primo div e applica il “altezza" E "larghezza"Proprietà assegnando il valore come"100%". Questo post ha illustrato il metodo per realizzare l'altezza del 100% di Div del browser Windows.