Nwlapcug.com


Come fare un DIV un Link CSS

Come fare un DIV un Link CSS


Tag DIV definiscono un'area rettangolare all'interno di pagine HTML. CSS (Cascading Style Sheets) sono file di testo che controllano il design e l'aspetto delle pagine HTML. Ad esempio, "< a >" tag, che viene utilizzato per creare link è un elemento inline, mentre il tag DIV è un elemento di livello blocco. Quindi tecnicamente i tag DIV non possono risiedere all'interno di tag di ancoraggio. Tuttavia, la soluzione consiste nell'inserire il tag di ancoraggio all'interno del tag DIV ed estensione delle dimensioni del tag di ancoraggio per adattarsi alle dimensioni del tag DIV.

Istruzioni

1

In diverse finestre o schede di un editor HTML o testo base, ad esempio Blocco note, aprire l'origine HTML e il file allegato del codice CSS della pagina Web.

2

Individuare il DIV richiesto all'interno del codice HTML. Prendere nota dell'id definito e/o classi per l'elemento DIV.

3

Inserire un tag di ancoraggio (link) all'interno del tag DIV.

4

Analizzare il file CSS per la parte che stili particolari tag DIV. Utilizzare i nomi di id o una classe DIV per trovare il blocco di codice.

5

Copiare il blocco di codice CSS che stili il DIV particolare e duplicare il codice incollandola appena sotto l'originale.

6

Inserire il singolo carattere "a" tra il DIV id/classe e la parentesi graffa di apertura all'interno del blocco di codice copiato. Questo trasformerà il blocco di codice CSS copiato da styling l'elemento DIV in styling il tag di ancoraggio all'interno dell'elemento DIV.

7

Inserire la riga di codice CSS "display: block;" nel blocco di codice appena creato per il tag di ancoraggio.

Consigli & Avvertenze

  • Tag di ancoraggio può essere stile per apparire come elementi di livello blocco o layout ad esempio div utilizzando "display: block;" codice in CSS. Quindi, non è necessario per il tag DIV di esistere se lo scopo del DIV è solo per definire l'area collegabile.
  • Logicamente, elementi DIV non possono essere fatto i collegamenti CSS. Tuttavia, i tag di ancoraggio all'interno di elementi DIV possono essere allungati per adattarsi alla dimensione dell'elemento contenitore.
  • Utilizzare i bordi CSS in diversi colori, sia per il DIV e il tag di ancoraggio durante il test.
  • Lasciare il blocco di codice per l'elemento DIV vuoto al fine di evitare il codice CSS ridondante nell'origine. Ma assicurarsi che il codice esatto esiste all'interno del blocco di codice per il tag di ancoraggio.
  • Fine di linee con punti e virgola del codice CSS. Omettendo questo, tranne un ultima riga di un blocco di codice, creerà errori imprevisti.
  • Blocchi di codice CSS sono confinati da parentesi graffe. Non chiuse parentesi o parentesi graffe di chiusura supplementare possono compromettere non solo il blocco di codice specifico, ma anche l'intero file CSS.