CSS eskema estiloak

CSS eskemak mugak baino gehiago dira

CSS eskema propietatea nahasgarria da. Lehenengo aldiz ikasten duzunean, zaila da urrunetik urruneko mugaren propietate ezberdina izatea. W3C- k honako desberdintasunak dituela azaltzen du:

Ez dira ateratzen Space

Adierazpen hori nahasgarria da. Nola egin dezaket zure webguneko objektuak web orrian ez duen lekua hartzen? Baina zure webgunea tipula bat dela uste baduzu, orriko elementu bakoitza beste elementu baten gainean geruza daiteke. Eskalaren propietateak ez du espazioa hartzen, elementuaren kutxaren gainean beti dagoelako.

Eskema bat elementu baten inguruan jartzen denean, ez du inolako eraginik orriaren gainean elementu hori nola ezartzen den. Elementuaren tamaina edo posizioa ez du aldatzen. Elementu batean eskema bat jartzen baduzu, elementu horren zirriborroa ez baduzu, espazio kopuru bera hartuko du. Hau ez da ertza egia. Elementu baten ertzean elementuaren kanpo zabalera eta altuera gehitzen zaio. Beraz, 50 pixeleko zabalera duen irudia baduzu, 2 pixeleko ertzarekin, 54 pixeleko (2 pixeleko alde bakoitzean) hartuko luke. Irudi hori 2 pixeleko eskema batek 50 pixeleko zabalera hartzen du zure orrian, irudia kanpoaldeko ertzean agertuko litzateke.

Irteerak ez-angeluzuzenak izan daitezke

"Cool" pentsatzen hasi aurretik, orain zirkuluak marraztu ditzaket! " Pentsatu berriro. Adierazpen honek pentsa dezakeenaren esanahi ezberdinak ditu. Elementu bateko ertz bat jartzen duzunean, nabigatzaileak elementua errektangelu kutxa erraldoi bat balitz bezala interpretatzen du. Kutxa hainbat lerrotan banatzen bada, arakatzaileak ertzak irekita utziko ditu kutxa ez baita itxita. Arakatzaileek pantaila mugagabea duten mugak ikusten dituztela bezalakoa da - zabalera nahikoa izan daiteke mugako hori etengabeko laukizuzena izan dadin.

Aitzitik, zirriborroen jabetza kontuan hartzen ditu ertzak. Lerrokatutako elementuak lerro batzuk ditu, lerroaren amaieran ixten du eta hurrengo lerroan berriro irekitzen du. Ahal izanez gero, eskema guztiz konektaturik geratuko da, forma ez-laukizuzena sortuz.

Esleipenaren jabearen erabilerak

Eskema propietatearen erabilerarik onenetakoa bilaketa terminoak nabarmentzea da. Gune askok hondo hondoarekin egiten dute, baina eskema-propietatea ere erabil dezakezu eta ez kezkatu zure orrietan tarte gehiago gehitzea.

Marrazki koloreko propietateak "inbertsio" terminoa onartzen du, eta hondoaren kolorea atzeko planoaren alderantzizkoa da. Honek web orrialde dinamikoen elementuak nabarmendu ditzake koloreak erabiltzen jakitearen beharrik gabe.

Baliobidearen propietatea ere erabil dezakezu esteken bidez esteken bidez lerrokatutako puntua kentzeko. CSS-Tricks-eko artikulu honek puntu-lerroa nola ezabatu erakusten du.