Il linguaggio della pagina Web CSS sembra ingannevolmente facile da capire e da usare, motivo per cui ogni sviluppatore web inesperto si precipita verso l'embrasure, spesso senza conoscere 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 elencandone le proprietà necessarie, che possono essere copiate due volte dal libro di testo.
I problemi iniziano quando un webmaster incontra un codice estraneo, si perde in esso e non comprende i principi di interazione degli elementi nella pagina. A causa dei tentativi di manipolare il codice, la pagina inizia a sembrare caotica, maldestra, come se fosse stata creata agli albori di Internet negli anni '90 - tutti i collegamenti sono blu o viola e hanno anche un design obsoleto che è terribilmente superato. Impareremo questo problema rapidamente e semplicemente usando i selettori e le dichiarazioni di valore corretti.
Istruzioni: come rimuovere collegamenti sottolineati in CSS
La decorazione del testo è responsabile della sottolineatura del testo. Per completamente Rimuovi il trattino basso del riferimento CSS sulla pagina, possiamo usare uno dei seguenti metodi:
- direttamente al tag link in HTML, assegna un attributo style , nel quale impostare: text-decoration: none ;
- assegnare un riferimento all'ID e applicare proprietà simili ad esso;
- Per rimuovere la sottolineatura dei collegamenti CSS per diversi elementi, è necessario assegnare loro un attributo di classe e assegnare la stessa proprietà di un singolo riferimento.
Tra le altre cose, c'è un modo in CSS rimuovere la sottolineatura dei collegamenti sull'intera 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 il tipo di 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 il tipo di elemento standard.
I collegamenti sono molto meticolosi in termini di gestione tramite CSS. Ad esempio, sembra intuitivo che se si imposta il colore del testo per il paragrafo rosso, il collegamento al suo interno dovrebbe essere rosso, ma non è così. Ogni link ha bisogno di un approccio "individuale", e se è tecnicamente più accurato - prima in CSS dobbiamo specificare l'id, o la classe, o il selettore "a" come posizione nel documento web per il quale vogliamo impostare le proprietà. Se le proprietà sono semplicemente scritte per il tag "a", questo determinerà gli stili di collegamento di base sulla pagina che possono essere riassegnati ai singoli elementi sulla pagina usando CSS.
Rimuovi i collegamenti del trattino basso quando ti trovi in volo - semplice, ma non ovvio
Cosa intendiamo quando parliamo di passare il mouse su un link? Da un punto di vista tecnico, questo è un selettore pseudo-classe e determina il suo stato al momento. La varietà delle pseudo-classi e il loro funzionamento sono così estesi che possono individuare un articolo separato, e ora siamo interessati solo a una pseudo-classe - hover. È lui che è responsabile per il comportamento del link (o di qualsiasi altro tag HTML) quando si passa il mouse. Ora, comprendendo la struttura del processo di elaborazione del browser del tuo codice, puoi utilizzare questo esempio:
- a: hover {text-decoration: none}.
Il resto delle pseudo-classi e il lavoro con loro è possibile imparare in modo indipendente, usando directory e libri di testo sui CSS, ma per lavorare con il carattere di sottolineatura dei collegamenti per intero, questo articolo è sufficiente.