perusteet CSS2 - Osa 4 Johdanto Tämä on osa 4 minun sarjassa, perusteet CSS2. Jokainen HTML-elementti, kuten DIV, kohta ja SPAN elementti, asuu ruutuun. Tässä osa sarjasta, katsomme ominaisuuksia laatikko ja niihin liittyviä ominaisuuksia. Huomautus: Jos et näe koodia tai jos luulet jotain puuttuu (rikki linkki, kuva poissa, osa koodi puuttuu), vain yhteyttä minuun [email protected]. Eli minuun yhteyttä pienintäkään ongelmaa olet mitä luet.
Box Seuraavassa kaaviossa laatikko: _______________________________________ | | | marginaali (läpinäkyvä) | | _____________________________________ | | | | | | | raja | | | | __________________________________ | | | | | | | | | | | täyte | | | | | | _______________________________ | | | | | | | | | | | | | | | sisältö | | | | | | | | _______________________________ | | | | | | | __________________________________ | | | | | ____________________________________ | | | _______________________________________ | | elementti leveys | | Leveys | Yllä olevassa kuvassa ei ole piirretty mittakaavassa.
Nyt jokainen elementti on ydinsisältö alue ympäröi lisävarusteena pehmuste, raja ja marginaali-alueella. Joten jotkut elementit voivat olla rajojen, kun taas toiset eivät. Jotkut elementit voivat olla täyte toiset eivät. Jotkut elementit voivat olla marginaalit toiset eivät. Sisältö on mitä näet. Joidenkin osien näet rajan. Suorakulmainen raita sisällön välillä ja raja on täyte alue. Raja itsessään on myös suorakulmainen raita. Ympäröivät raja on marginaali raita. Jos elementti on taustavärin tai kuvan, näet värin tai kuvan täyte alueella.
Et voi nähdä taustavärin tai kuvan kautta sisällön osan, ellei sisällön osan on läpinäkyvät osat. Raja (raita), jos sitä yleensä on väri. Marginaali raita on aina avoin ja voit nähdä sen läpi nähdä taustan (väri tai kuva) HTML BODY elementin, kaikki pysyessä. Leveys elementti on leveys sisällön alueen. Korkeus elementti on korkeus sisällön alueen. Voit käyttää CSS-ominaisuuksia, jotta täyte ja /tai raja ja /tai marginaali läsnä tai poissaolevaksi elementti. Mikä tahansa näistä kolmesta asiasta lisää tehokkaasti elementit leveys ja korkeus.
Voit käyttää CSS-ominaisuuksia antaa elementtiin (pitoisuus alue) tietty leveys ja korkeus. On enemmän Sisällön alue, pehmuste, raja ja marginaali. Aiomme tarkastella myöhemmin. Lohko tason ja Inline-tason HTML Elements lohko-tason HTML-elementti on elementti, joka on luontainen rivinvaihto elementti edessä ja sen jälkeen. Esimerkkejä tällaisista elemen