Hankkeen Magic HTML Client Edges

uksia tyyliattribuutteja. Loput CSS-ominaisuuksia ovat tyylisivu. Tämä on tyylisivu: kaksi viimeistä lausunnot ovat laskin syöttää tekstiä elementti ja laskin painikkeet. Jos sinulla on kattaa perusasiat, sitten loput riviä CSS pitäisi olla itsestäänselvyyksiä. Raja leveys ulomman DIV on 0px. Tämä raja ei tarvitse olla mitään leveys. Käyttäjä ei saa edes tiedä, että ulompi DIV olemassa. Edellisessä osassa sarjan käytin raja-leveys varten kuva. CSS kanta omaisuuden sisäinen DIV elementti on "suhteellinen". Näin se siirtää (kun sen asema muuttuu) ulomman DIV.

Näytetään Pane Kun haluat ruudun vasemmasta reunasta, näyttö omaisuutta ulomman DIV elementti on muuttunut "block". Koska ulompi DIV ei ole raja ja se on läpinäkyvä, et näe sitä. Sisempi DIV elementti on muuttanut sitä oikealle. Kun et enää halua sitä, voit aiheuttaa se liikkua ulomman DIV vasemmalle; sitten näytön omaisuutta ulomman DIV elementti muutetaan takaisin "ei mitään". Koska ulompi DIV elementti on z-indeksi 2, kun taas ruumis elementti on z-indeksi 0, kaikki on yhtä suuri, ulompi DIV elementti on aina edessä (kerros yllä) muut elementit sivun.

Ulompi DIV elementti on joko näkyy tai ei. Koska ulompi DIV sisältää sisempi DIV, sisempi DIV on vastaavasti joko näkyy tai ei. Sama selitys pätee ruudussa tulossa alas ylhäältä. Vasemman yläkulman ulomman DIV on aina matkia reunalla. Tämä tarkoittaa, että vasen reuna ulomman DIV on matkia reunalla. Minun suunnittelu olen laittanut vasemmalle jäljitellä reuna äärivasemmisto (vasen: 0px) sivun. Minun selain, ulkonäkö sivun vasemman raja ei vaikuta. Voit silti huomaa rajan.

Koska olemme antaneet värin taustalla BODY elementin matkia reunaan, jos olet todella sitä mieltä ulkonäkö raja vaikuttaa, voit sijoittaa matkia reuna hieman oikealle rajan sivun. Sinun täytyy muokata koodia (vasen kanta ulkoisessa DIV) tätä varten. Olemme tauon täällä ja jatkaa seuraavassa osa sarjasta, jossa tarkastellaan sitä koko koodi.

Chrys Saapua tahansa osaa tässä sarjassa, kirjoita vastaava otsikko alla hakukenttään tämän sivun ja sitten Etsi (käytettävissä valikko jos saatavissa): magic HTML Client reunat täytäntöönpano Magic HTML Asiakas reunat Project Magic HTML Asiakas reunat Täydellinen Code of Magic HTML Client reunat