Na vrh strani CSS: pozicioniranje vsebine

Postavitev CSS je bila vedno pravokotna. Kakršne koli gladke črte so pristojnosti razvijalca. Pravila s slogom omogočajo dovolj možnosti, da se stran v okviru ločljivosti zaslona zagotovi gladko. Vendar je vsak element postavitve vedno pravokotnik, v katerem je urejanje informacij urejeno s CSS pravili.

Vnos na vseh straneh je pomemben za vsak element strani, ko je popolnoma postavljen, rob pa je definiran posebej, saj je pomemben za različne elemente, še posebej male.

Osnovna pravila za določanje položaja

Član blok ima splošno oddaljili od stranic elementa, ki je (maržo) na splošno vdolbine za elemente v njej (oblazinjenje) in širino okvirja (notranji), ki se lahko uporablja tudi.

Zlasti pomembna je razmejitev od zgoraj. CSS v bloku povezuje pravila notranjega uvajanja s pravili absolutno in sorazmerno postavljenih elementov znotraj tega bloka.

Običajna praksa CSS-pravil: lahko podate indente z vseh strani enako, v parih zgoraj / spodaj in desno / levo ali za vsako stran posebej. Na primer,

• margin: 10px;
• padding: 10px20pxpx;
• polnjenje: 10px20px30px40px.

V prvem primeru je element razkosan s stranic zunanjega vsebnika, v katerem se nahaja. V drugem primeru je obloga na vrhu in dnu 10 pik, levi in ​​desni rob pa 20 pik. V tretjem primeru so velikosti alinej prikazane na vseh straneh: od zgoraj, od desne, od spodaj in od leve.

V vseh teh primerih, zamik na vrhu CSS je 10 px.

Pravila, ki spremenijo položaj elementov

Če element postavitve ni popolnoma nameščen, se nahaja v splošnem vrstnem redu oblikovanja strani.

Če ugotovimoalineja na vrhu CSS v elementu scCurrInfo, bo cilj dosežen, in če je na nivoju li, št.

V tem primeru z uporabo pravila za oblaganje: 40px; zahteva ustrezno zmanjšanje pravilnika širine in višine na 80 pik. V nasprotnem primeru bo velikost bloka scCurrInfo zunaj zunanjega bloka.

Če odstranite pravilo za nalaganje iz definicije scCurrInfo, vendar ga dodajte z vrednostjo 20px do opisa sloga elementa seznama, vdiranje na. CSS te vrednosti ne bo uporabil za druge stranke.

Seveda se ta uporaba pravila za uveljavljanje uporablja za vsak element.

Splošna praksa oblikovanja vsebine

Nekateri razvijalci dosežejo popolnost s tipkanjem strani z elementi blokov. Očitno je to klasična praksa - začeti z miz in zaključiti svoj izobraževalni proces na blokih.

Svoboda značilna za postavitev bloka, hipnotičen in razvijalec domišljije ne more biti omejena s strogimi tabelarnih pravil le uvršča le zlitje celic samo vodoravno in navpično. Nič inherentnih v relacijskih idejah.

Medtem, mize, poleg očitnih pomanjkljivosti, imajo številne kvalitativne prednosti. Z zavihkom z vrha CSS upošteva alineje na levi, na desni (spodnji del je poseben trenutek). Pravila tabele celic omogočajo nadzor nad poravnavo tako vertikalno kot horizontalno. Z uporabo vrstic vrstic, ki jih združujete s slogmi celic, lahko ustvarite zapletene prikaze vsebine.

Predstavitev naključnih strani v obliki pravokotnikov (postavitev bloka) ne preprečuje, da bi bila predstavljena v obliki tabele. To so tudi pravokotniki, vendar so tudi celice tabele, torej imajo lastna pravila, ki dopolnjujejo pravila blokov.

Absolutno pozicioniranje

Blokiraj s pravilom POSITION:absolutno- se nahaja na mestu, ki ga določajo njegove koordinate glede na blok, v katerem se nahaja.

Značilnost pravil CSS - "praksa - najboljše merilo resnice", v večini primerov, zlasti tam, kjer je združljivost navzkrižno brskalnik in postavitev ročno, po možnosti visoko kakovostne študijske priročniki za Cascading Style Sheets.

Uporaba tabel pogosto vodi do težav pri premiku vsebine celic. Podoben premik znotraj bloka ne vpliva vedno na vse elemente. Eksperimentiranje, lahko dosežete želeni rezultat. Nižja naloga: kakoČe želite odstraniti alinejo z vrha, CSS ni vedno rešen trije.

V nekaterih primerih, ko je treba uvesti elemente strani, v notranjosti katere koli priljubljeno spletno stran sistema za upravljanje vsebin, ki jih je treba vedno paziti, ne le vaj, ampak tudi videti izkušnje kolegov.