Kuidas teha DIV CSS Link

Kuigi HTML määratleb paigutus , CSS kontrollib veebilehtede väljanägemise . Comstocki / Comstocki / Getty Images

DIV sildid määratleda ristkülikukujuline ala HTML lehekülgi.CSS (Cascading Style Sheets) on tekstifailid, mis kontrollivad disain ja välimus HTML lehekülgi.Näiteks "& lt; a & gt;"tag, mida kasutatakse, et luua sidemeid on inline element, samal ajal DIV tag on ploki taseme element.Nii tehniliselt DIV sildid ei tohi elada ankur sildid.Kuid vastukaal on panna ankur sees DIV tag ja venitada mõõtmed ankrusildi sobib suurusele DIV tag.

juhised

  1. Avatud HTML koodis ja lisatud CSS kood faili veebilehe erinevates akna või kaardi kohta HTMLvõi tekstiredaktoris nagu Notepad.

  2. Leidke vajalik DIV jooksul HTML kood.Võtke teadmiseks määratletud id ja / või klasside DIV element.

  3. Koht ankrusilt (link) jooksul DIV tag.

  4. Scan CSS faili osa, mis stiilid konkreetse DIV tag.Kasutage DIV id või klassi nimede leida koodiestossa.

  5. Kopeeri CSS koodi plokk, mis stiilid konkreetse DIV ja dubleeritud koodi kopeerides veidi alla originaal.

  6. Asetage ühe märgi "a" vahel DIV id / klass ning avades looksulg jooksul kopeeritud kood blokeerida.See muudab kopeeritud CSS koodi plokk stiil div elementi stiil ankrusildi jooksul DIV element.

  7. Sisestage CSS koodi rida "ekraan: block;"arvesse vastloodud koodiestossa ankrusildi.

Tips & amp;Hoiatused

  • Ankru sildid võib stiilis ilmuma block-tasemel või kujundus elemendid nagu Divs kasutades "ekraan: block;"koodi CSS.Seega, selle ole nõutav, et DIV tag eksisteerida kui eesmärk DIV on vaid määratleda linkable ala.
  • Loogiliselt DIV elemente ei tohi teha CSS linke.Kuid ankur silte lähemal DIV elemente võib venitades suuruse konteineri element.
  • Kasutage CSS piirid eri värvi, nii DIV ja ankrusildi samas testida.
  • Jäta kood ploki DIV elemendi tühjaks, et vältida üleliigse CSS lähtekoodist.Aga veenduge, et täpset koodi eksisteerib koodiestossa ankrusildi.
  • CSS koodi read lõpevad semikooloniga.Jättes selle, välja arvatud viimane rida koodi plokk, loob ootamatuid vigu.
  • CSS koodi plokid piirneb looksulgudega.Sulgemata sulgudes või ekstra sulgemise looksulgudega võib ohustada mitte üksnes konkreetse koodiestossa vaid ka kogu CSS faili.

Resources

  • WebKreation: Making DIV Link;JavaScript vs CSS?
870
0
1
Veebiarendus