Come rimuovere i collegamenti sottolineati tramite CSS? Indennità per un principiante

Il linguaggio di progettazione della pagina Web CSS sembra ingannevolmente facile da capire e da utilizzare, motivo per cui ogni sviluppatore web inesperto si precipita verso l'embrasure, spesso senza aver appreso a fondo la struttura e le fondamenta di questo linguaggio di marcatura. Questo non è sorprendente, perché i fogli di stile a cascata ti permettono di progettare una pagina web semplicemente elencando le sue proprietà necessarie, che possono essere copiate dal libro di testo una o due volte.

I problemi iniziano quando un tale webmaster incontra il codice di qualcun altro, si perde in esso e non capisce i principi di interazione degli elementi sulla pagina. A causa dei tentativi di manipolare il codice, la pagina inizia a sembrare caotica, goffamente, come se fosse impiantata all'alba di Internet negli anni '90 - tutti i collegamenti sono blu o viola, e hanno anche un segno di sottolineatura orribilmente obsoleto nel design. Impareremo a risolvere questo problema rapidamente e facilmente utilizzando i selettori e le dichiarazioni di valore corretti.

Istruzioni: come rimuovere i collegamenti sottolineati in CSS

La proprietà text-decoration è responsabile della sottolineatura del testo. Per completamente Per rimuovere i collegamenti CSS di sottolineatura sulla pagina, possiamo utilizzare uno dei seguenti metodi:

• direttamente al tag link HTML, assegna un attributo style in cui scrivere: text-decoration: none ;
• assegna id al link e applica proprietà simili ad esso;

• Per rimuovere la sottolineatura CSS per diversi elementi, devi assegnare loro una classe con l'attributo class e impostare la stessa proprietà di un singolo link.

Tra le altre cose, c'è un modo in CSS rimuovere la sottolineatura dei collegamenti su tutta la pagina, per questo è necessario utilizzare la seguente sintassi:

• a {decorazione del testo: nessuna;}.

Insidie ​​quando si lavora in CSS con collegamenti

Quando si tratta di cambiare l'aspetto degli elementi del campo di un'azione, per uno sviluppatore senza esperienza, tutto diventa ancora più difficile. Ma non disperare, la soluzione è semplice ed elegante come nel caso precedente con l'aspetto standard dell'elemento.

I collegamenti sono molto difficili in termini di gestione tramite CSS. Ad esempio, sembra intuitivo che se si imposta il colore del testo per un paragrafo in rosso, il collegamento al suo interno dovrebbe essere rosso, ma non era lì. Per ogni collegamento, è necessario un approccio "individuale" e se esprimerlo in modo più accurato dal punto di vista tecnico, in primo luogo, in CSS, è necessario specificare id o classe o selettore "a" come posizione nel documento Web per il quale si desidera impostare le proprietà. Se si impostano semplicemente le proprietà per il tag "a", ciò determinerà gli stili di collegamento di base sulla pagina, che possono essere riassegnati ai singoli elementi sulla pagina utilizzando CSS.

Rimuovi i collegamenti sottolineati quando tieni il mouse: semplice, ma non ovvio

Cosa intendiamo quando ci riferiamo ad un link? Da un punto di vista tecnico, questo è un selettore pseudo-classe e determina il suo stato attuale. La varietà delle pseudo-classi e la loro funzionalità sono così estese che possono essere identificate come un articolo separato, e ora ci interessa solo una pseudo-classe - hover. È lui a essere responsabile del comportamento del collegamento (o di qualsiasi altro tag HTML) quando si posiziona il mouse. Ora, comprendendo la struttura dell'elaborazione del browser del tuo codice, puoi utilizzare questo esempio:

• a: hover {text-decoration: none}.

Puoi studiare il resto delle pseudo-classi e lavorare con loro da solo, usando libri di riferimento e libri di testo sui CSS, ma per lavorare con i sottolineature per intero, questo articolo è sufficiente.