Kuinka tehdäDIVCSS Link

Vaikka HTML määritteleeulkoasu , CSS ohjaa ulkonäkö Web-sivuja . Comstock / Comstock / Getty Images

DIV tunnisteita määritellä suorakulmaisen alueen HTML-sivuja.CSS (CSS) ovat tekstitiedostoja, jotka ohjaavat suunnittelu ja ulkonäkö HTML-sivuja.Esimerkiksi "& lt; & gt;"tag, jota käytetään luoda yhteyksiä on inline elementti, kun taas DIV tag on lohkoelementille.Joten teknisesti DIV tunnisteita ei saa oleskella ankkuri tunnisteita.Kuitenkin kiertotapaa on sijoittaa ankkuri tag sisällä DIV tag ja venyttää mitat ankkuri tag koon mukaan DIV tag.

Ohjeet

  1. Avaa HTML ja liitteenä CSS tiedot Web-sivun eri ikkunoissa tai välilehtiä HTMLtai tekstieditorissa, kuten Muistiossa.

  2. Etsi tarvittavat DIV sisällä HTML-koodia.Huomioi määritelty ID ja / tai luokat DIV elementin.

  3. Jätä ankkuri tag (linkki) sisällä DIV tag.

  4. Scan CSS tiedoston osa, joka tyylejä erityisen DIV tag.Käytä div id tai class nimiä löytää koodilohkon.

  5. Kopioi CSS lohko, joka tyylejä erityistä DIV ja kahtena koodin liittämällä se vain alle alkuperäisen.

  6. Aseta yksittäinen merkki "" välillä div id / luokka ja avaamalla kihara pidike kopioitu koodilohkon.Tämä tulee muuttamaan kopioitu CSS korttelin päässä muotoilu DIV elementin muotoilu ankkuri tag sisällä DIV elementin.

  7. Aseta CSS rivi "display: block;"sisään käyttämällä uutta koodieston varten ankkuri tag.

Vinkkejä & amp;Varoitukset

  • Ankkuri tagit voidaan tyylistä näkymään lohkotason tai layout elementtejä kuten DIVs käyttäen "display: block;"koodi CSS.Näin ollen sen ei tarvitse esittää DIV tag olevan olemassa, jos tarkoituksena DIV on vain määritellä yhdistettävissä alueella.
  • Loogisesti DIV elementtejä ei saa tehdä CSS linkkejä.Kuitenkin, ankkuri tunnisteita DIV elementtejä voidaan venyttää sopivaksi säiliön koko elementin.
  • Käytä CSS rajojen eri värejä, sekä DIV ja ankkuri tag testauksen aikana.
  • Jätä koodi lohkoon DIV elementti tyhjä välttämiseksi tarpeeton CSS lähde.Mutta varmista tarkka koodi vallitsee koodi lohkoon ankkuri tag.
  • CSS linjat päättyvät puolipistein.Jättämällä tämä, paitsi viimeisen rivin koodiestossa luo odottamattomia virheitä.
  • CSS lohkojen pidättele aaltosulkeisiin.Unclosed suluissa tai ylimääräisiä sulkemalla aaltosulkeisiin saattavat vaarantaa paitsi erityisesti koodiestossa mutta myös koko CSS-tiedosto.

Resurssit

  • WebKreation: Making DIV linkki;JavaScript vs. CSS?
192
0
1
Verkkokehitys