InternettWeb design

Bruk av CSS klare regler: enkel og praktisk

Ved hjelp av en rekke forskjellige anordninger for å vise informasjon har ført til behovet for dens adekvat representasjon uten referanse til spesifikke modi, Parametere og visnings betingelser.

Populære ideer tidligere blokk, tabell, gummi, adaptive (og andre varianter) layout borte. Denne informasjonen skal vises like tilgjengelig som mulig, med høy kvalitet og det samme på alle enheter.

Enkle informasjonskrav

Mannen er i dialog ord, og forstår det. Men han kan bruke visuelle hjelpemidler og avgrense de ovennevnte bevegelser, tegninger, vilkårene eller på annen måte å fokusere lytterens oppmerksomhet (forbrukeren). Som et resultat, vil han nå målet.

Nettstedet må gi tilsvarende informasjon, mens det bør ikke være noen ytterligere krav til nivået av koding HTML, CSS, Javascript eller PHP, blant andre. Resultatet må nå et mål og tilveiebringes som en personlig datamaskin eller en annen mobil eller stasjonær enhet.

Språk er ikke bare hyper nettleser, men også andre verktøy. Utdeling av informasjon må nøytralisere hele forskjellen.

Midler gitt av CSS

Det går ikke alltid i HTML eller CSS, for å oppnå ønsket effekt. ofte tilstrekkelig å anvende et enkelt, men effektivt verktøy. Minimum kostnad i enhver bedrift - et karakteristisk trekk ved moderne kodingsinformasjon for korrekt visning.

Spesielt flyte og klare regler kan brukes på HTML-koder og CSS beskrivelser og skal ikke kreve noen ekstra kostnader, og effekten ville være passende. Regel CSS klart, blir brukt i elementet gjør at den kan romme sant, uansett hvilken størrelse i visningsområdet og på hva devayse denne prosessen skjer.

CSS skiller seg ikke sofistikert design og er forpliktet til maksimalt tilgjengelig enkelhet. Bruke element generelt float: left eller float: right, kan det bli presset til en eller annen som flyter rundt sin blokk side, og det neste elementet fra CSS regelen - klar: begge deler - for å plassere informasjon rundt.

Alternativer for bruk av CSS klare regler

Det er tre mulige verdier for denne regelen:

  • igjen - ikke vikle rundt venstre;
  • rett - ikke vikle rundt høyre side;
  • begge deler - ikke vikle rundt begge sider.

Du kan også bruke verdien stykke og arve CSS klare regler for hva er egentlig ikke forskjellig fra å sende funksjonalitet: forrige element (eller elementene) vil bli fratatt strømmen til venstre, høyre eller begge sider. Faktisk er denne nye linjen. Alle disse elementene vil vises i neste informasjonsblokken. Hvilken informasjon vises til elementet med CSS klar regel - definerer utbygger. Elementer med absolutt posisjonering er dannet på siden på et sted som er satt deres egenskaper.

Faktisk gjør CSS klar regel å strukturere (gruppering) informasjonselementer. Apparatet viser generell informasjonsflyt, og i å finne et gitt element typisk klar, sender ut dens innhold tilsvarende.

søknad praksis

Som regel skjedd i andre teknologier beskrevet layout gått mange etapper og til slutt delt inn i to hovedkategorier:

  • muligheten til å lage vakre og effektive (men kanskje i lang tid);
  • raskt og rimelig.

Hver utvikler tolker sa på sin egen måte. Noen har vært tro mot terminologi "adaptive oppsettet." Andre sier at det å gjøre gummi nettsteder. Andre overbevise kunden om behovet for å blokkere eller bordet ... spiller ingen rolle, så samtalen prosess, verktøy eller annen metode for å oppnå resultater.

Alltid viktig bare på design tid og resultat. I det første tilfellet er bruken av CSS klare regler neppe være meningsfull, samt generelt flyter vil forsvinne som unødvendig. Generere siden for å legge ut informasjon og ta hensyn til egenskapene til de ulike enhetene er en vanskelig algoritme i Javascript eller en kombinasjon av CSS-stiler som er nært knyttet til divaer HTML.

I det andre tilfellet, på grunn av reglene for flottør og klar, CSS-beskrivelsen er det lett å danne en strøm av sideelementer. Akseptable resultater oppnås raskt og effektivt.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 no.birmiss.com. Theme powered by WordPress.