Top umetak CSS: Sadržaj lista

CSS je uvijek bio pravokutnog oblika. Bilo koji glatke linije - nadležnost programera. pravila stil pruža dovoljno mogućnosti da bi glatko obliku stranice u okviru rezolucije ekrana. Ali bilo koji raspored elemenata - to je uvijek pravougaonik u kojem se informacije o lokaciji prema pravilima CSS.

Padding na svim stranama su važni za svaki element na stranici kada je apsolutno pozicioniran, a gornju marginu određuje CSS pogotovo jer je to važno za različite elemente, a posebno malim slovima.

Osnovna pravila pozicioniranje

Član blok ima općenito odstupanje od strane elementa, koji je (marža), obično udubljenje za elemente unutar njega (padding) i širinu okvira (granica), koji se također može koristiti.

Od posebnog značaja je gornju marginu. CSS pravila unutar uređaja povezuje interna pravila padding apsolutno i relativno pozicioniran elemenata unutar tog bloka.

Uobičajena praksa CSS-pravila: možete odrediti margine na svim stranama jednako, u parovima gore / dole i lijevo / desno ili na svaku stranu posebno. Na primjer,

• margin: 10px;
• padding: 10px20px;
• padding: 10px20px30px40px.

U prvi član slučaj je instaliran pomak od strane vanjskog kontejnera, u kojoj se nalazi. U drugom slučaju gornje i donje margine su 10px, lijevo i desno - 20px. U trećem slučaju, dimenzije padding na svim stranama: gore, desno, dole i lijevo.

U svim ovim slučajevima, gornju marginu CSS je 10 px.

Pravila koja promijeniti položaj elemenata

Ako se raspored elemenata ne apsolutno pozicioniran, to je u obliku stranici generalni poredak.

Ako definišemo se postiže vrhu margine u CSS scCurrInfo element, a ako na nivou li - nema.

U ovom primjeru, korištenje pravila padding: 40px; To zahtijeva adekvatna pravila smanjiti širinu i visinu do 80px. U suprotnom scCurrInfo veličinu bloka izađe izvan vanjska jedinica.

Ako uklonite padding iz opisa pravila scCurrInfo, ali ga dodate u vrijednosti od 20px u opisu stavke liste stil, samo gornju marginu. CSS se ne odnosi ova vrijednost na drugim stranama.

Naravno, takva upotreba pravila uvlačenja važe za svaki element Li.

Opća praksa oblikovanje sadržaj

Neki programeri do savršenstva, kilometar i pol stranice blokirati elemenata. Očigledno, ovo je klasična praksa - počevši sa stolom i završiti vlastite obrazovni proces na blokovima.

Sloboda inherentna u bloku raspored, očaravajuća, kao i programer mašte ne može biti ograničena strogim tabelarni pravila samo rangira samo stanične fuzije samo horizontalno i vertikalno. Ništa inherentne relaciona ideje.

U međuvremenu, stolovi, osim očigledne mane, postoje mnoge kvalitativne prednosti. Stvaranje udubljenje na vrhu, CSS dopušta padding na lijevoj strani, desno (od dna - ovo je poseban trenutak). Pravila omogućavaju da kontrolišete ćelije sto poravnati i vertikalno i horizontalno. Koristeći stilova serije, kombinirajući ih sa stilovima ćelija mogu formirati kompleks prezentaciju sadržaja.

Uobičajeno predstavljanje stranice u obliku pravokutnika (blok raspored) ne sprečava ga u tabeli. Ovo je također pravougaonik, ali oni su i ćelije tabele, to jest, imaju svoja pravila dopunu pravila blokova.

apsolutno pozicioniranje

; Blok Pravilo position: absolute; To će se nalaziti na mjestu koje odredi njegove koordinate u odnosu na blok u kojem se nalazi.

Karakteristično CSS pravila - "praksa - najbolji kriterij istine" u većini slučajeva, posebno kada kompatibilnost cross-preglednik i raspored se vrši ručno, po mogućnosti visoko kvalitetne studija priručnike za CSS.

Koristeći tabele često dovodi u ćeliju probleme sadržaja predrasuda. Sličan pomak u bloku utiče ne uvijek i ne za sve stavke. Eksperimentisanjem, možete postići željeni rezultat. Trivijalan zadatak: kako ukloniti gornju marginu, CSS ne uvijek riješiti trivijalan način.

U nekim slučajevima, kada je potrebno da se nametne elemenata stranice u unutrašnjosti bilo popularne web stranice sistem za upravljanje sadržajem, trebalo bi ipak obratiti pažnju ne samo na eksperimentalnom radu, ali i da vidimo iskustva kolega.