Red line html - 4 modi
Red line html può essere impostato 4in vari modi. Sebbene non ci siano standard specifici per questo fenomeno, questo linguaggio di programmazione non fornisce, quindi non ci sono restrizioni in questo senso. In questo articolo useremo un set di strumenti fuori standard per creare una linea rossa.
1o metodo
Inizia con il metodo più comune. Solo in questo caso è necessario utilizzare tabelle a cascata, poiché il CSS è inestricabilmente collegato con il linguaggio di markup ipertestuale. La linea rossa html può essere impostata usando la proprietà "text-indent". È sufficiente specificare l'elemento desiderato e la distanza che verrà utilizzata per far rientrare il lato sinistro del documento. Ad esempio, la voce: "p {text-indent: 20px;}" significa che verrà eseguita una linea rossa di 20 pixel in ogni paragrafo p. Come elemento per il quale viene specificato un valore, puoi utilizzare qualsiasi blocco di testo. In effetti, questa proprietà non imposta una linea rossa, ma specifica semplicemente un rientro per la prima riga dell'elemento selezionato. Ma chi noterà la differenza? La proprietà "text-indent" può assumere tre diversi tipi di valori:
- Qualsiasi unità di misura convenzionale, come px (pixel), in (pollici), pt (punti) e altri.
- Valore percentuale In questo caso, viene presa in considerazione la distanza dall'elemento genitore.
- Eredita. Se si specifica questo valore, la proprietà verrà ereditata dall'elemento padre.
2o metodo
In html, la linea rossa può essere impostata senzacollegamento di tabelle a cascata. È sufficiente mettere diversi spazi prima del primo carattere nel codice sorgente della pagina. Usa solo caratteri speciali, cioè "", perché se metti uno spazio ordinario, ne verrà preso in considerazione solo uno. E con l'uso di questo simbolo puoi impostare il rientro necessario. Una tale linea rossa di HTML non avrà un'applicazione globale e dovrai mettere tutti gli spazi manualmente. Questo aspetto negativo ti importerà molto quando lavori con un gran numero di documenti. Anche questo metodo dichiarerà il tuo codice di pagina non valido.
3 ° metodo
Usa il trattino basso di fondo, mascheratosotto lo sfondo. Qualsiasi simbolo può essere utilizzato in questo metodo. La cosa più importante è cambiare il colore del carattere di questo frammento di testo allo stesso modo dello sfondo. Lascia che questo metodo non sia il più razionale, ma l'efficienza è al 100%. Quindi, ancora una volta, ripeteremo:
- All'inizio della riga, devi inserire alcuni caratteri duplicati, ad esempio: ___.
- Successivamente, è necessario modificare il colore del carattere di questi caratteri in modo che corrisponda allo sfondo.
- È possibile assegnare la sostituzione del colore con tutti i metodi noti, ad esempio utilizzando stili CSS o HTML.
- Questo metodo non è adatto se l'immagine è selezionata come sfondo, poiché i nostri simboli saranno evidenziati.
- Vale la pena notare che quando si seleziona un frammento di testo, l'utente vedrà una linea html rossa falsa.
4o metodo
È possibile impostare la linea rossa in htmli metodi più diversi. Se nessuno dei metodi sopra indicati è adatto, ti suggeriamo di utilizzare un'immagine vuota. Le immagini trasparenti possono essere create con il formato png o gif (solo loro hanno questa caratteristica) o scattare una foto di jpeg e riempirla con il colore di sfondo. Successivamente, devi solo inserire un'immagine usando il tag <img>.
conclusione
In conclusione, possiamo dire che htmlInsieme al CSS ti permette di creare un'ampia varietà di effetti. A volte le proprietà e gli elementi non vengono utilizzati per lo scopo previsto, ma non vanno troppo lontano dal valore standard dei tag.