CSS-oppsett har alltid vært rektangulært.Eventuelle glatte linjer er utviklerens ansvar. Stilregler gir nok muligheter for å gi siden glatte former i skjermoppløsningen. Men ethvert layoutelement er alltid et rektangel der informasjonens plassering styres av CSS-regler.
Polstring på alle sider er viktig for hvert elementsiden når den er absolutt plassert og polstringen på toppen av CSS er definert spesifikt ettersom det er viktig for forskjellige elementer, spesielt innebygde elementer.
Grunnleggende posisjonsregler
Et blokkelement har en regel for polstring fra sidene av elementet det er i (margin), en regel for polstring av elementer inne i det (polstring), og bredden på kanten (kantlinjen), som også kan brukes.
Toppmargen er spesielt viktig. CSS i en blokk forbinder polstringsregler med regler for absolutt og relativt plasserte elementer i den blokken.
Det er vanlig praksis for CSS-regler: Du kan spesifisere samme polstring på alle sider, parvis øverst / nederst og til høyre / venstre, eller for hver side separat. For eksempel,
- margin: 10px;
- polstring: 10px20px;
- polstring: 10px20px30px40px.
I det første tilfellet er elementet innrykketfra sidene av den ytre beholderen der den er plassert. I det andre tilfellet er topp- og bunnmargen 10 px, og venstre og høyre marg er 20 px. I det tredje tilfellet er dimensjonene på innrykkene angitt på alle sider: topp, høyre, bunn og venstre.
I alle disse tilfellene, fordypning den øverste CSS er 10 px.
Regler som endrer elementers posisjon
Hvis et layoutelement ikke er absolutt plassert, plasseres det i den generelle rekkefølgen for sidedannelse.
Hvis du definerer polstring på toppen av CSS i scCurrInfo-elementet, vil målet bli oppnådd, og hvis det ikke er på li-nivå.
I dette eksemplet bruker du regelpolstring: 40px; krever en tilstrekkelig reduksjon av bredde- og høydereglene med 80 px. Ellers vil størrelsen på scCurrInfo-blokken gå utover grensene for den ytre blokken.
Hvis vi fjerner utfyllingsregelen fra scCurrInfo-beskrivelsen, men legger den til med en verdi på 20 piksler i listebeskrivelsen, får vi bare toppmargin. CSS vil ikke bruke denne verdien på andre parter.
Naturligvis gjelder denne bruken av innrykkingsregelen for hvert li-element.
Generell innholdsformatering
Noen utviklere er perfekte for koding av sider med blokkeringselementer. Tilsynelatende er dette en klassisk praksis - å starte med bord og fullføre din egen pedagogiske prosess i blokker.
Friheten til blokkerende layouter fascinerende, og fantasien til utvikleren er kanskje ikke begrenset av strenge bordregler: bare rader, bare celler, smelter sammen bare horisontalt og vertikalt. Ikke noe særegent for relasjonelle ideer.
I mellomtiden har bordene, i tillegg til de åpenbare manglene,det er mange kvalitetsfordeler. Når du lager polstring øverst, tar CSS hensyn til polstringen til venstre, høyre (bunnen er et spesielt øyeblikk). Tabellcelleregler lar deg kontrollere både vertikal og horisontal justering. Ved å bruke radstiler, kombinere dem med cellestiler, kan du danne komplekse representasjoner av innholdet.
Den vanlige presentasjonen av siden i skjemaetrektangler (blokkoppsett) hindrer ikke at den presenteres i form av en tabell. Dette er også rektangler, men de er også bordceller, det vil si at de har sine egne regler som utfyller blokkreglene.
Absolutt posisjonering
Blokkér med POSITION-regelen: absolutt; vil være på stedet satt av koordinatene i forhold til blokken det er i.
Kjennetegnet for CSS-regler er "praksis er den bestesannhetskriterium "i de fleste tilfeller, spesielt når kompatibilitet mellom nettlesere er påkrevd og layout gjøres manuelt, er det å foretrekke å studere fullverdige håndbøker på kaskaderende stilark.
Bruk av tabeller fører ofte til problemerforskyvning av innholdet i celler. En lignende forskyvning i en blokk påvirker ikke alltid alle elementene. Ved å eksperimentere kan du oppnå ønsket resultat. En triviell oppgave: hvordan fjerne topp polstring, løser ikke CSS alltid på en triviell måte.
I noen tilfeller når du må settesideelementer i tarmene til ethvert populært system for innholdsadministrasjon, er det likevel nødvendig å være oppmerksom ikke bare på eksperimentell praksis, men også å se på erfaringen til kollegaer.
