Grunnleggende om CSS3

Det moderne nettet består av flere aspekter, det er det tekniske, det funksjonelle og det estetiske, hvert av disse aspektene er viktig i samme grad som de andre, men når en person er mer lik en av dem, pleier de å neglisjere dem. resten.
På denne måten, når en person er mer knyttet til det tekniske aspektet, ignorerer de generelt det estetiske aspektet, der det funksjonelle aspektet er en krysning mellom begge, siden ikke alt som er veldig estetisk vil være funksjonelt, og det faktum at vi bruker alle den nyeste teknologien lager heller ikke et nettsted eller et prosjekt.
De CSS Det er måten vi kan inkorporere den estetiske delen på nettet på en vennlig måte for utvikleren, og det fungerer også som et universelt språk for å kommunisere med brukeropplevelse og Front-End designere, siden det er måten å gi en se til et hvilket som helst nettsted.
Hva er CSS?CSS er et enkelt språk som brukes til å definere stiler som kan brukes i dokumenter HTMLVed å nevne ordstiler mener vi at vi kan kontrollere alt fra måten skriftene på et nettsted blir sett på, til implementering av musemarkører, farger, bilder, skjermoppsett, etc.
CSS er en standard og er under ansvaret for W3C, så hver nettleser som har støtte for CSS Det bør fungere det samme hvis du følger instruksjonene fra denne institusjonen.
Hva er CSS3?CSS3 er et spesifikasjonsnivå på CSS, er den fjerde spesifikasjonen siden den har hatt CSS, CSS2, CSS2.1 og nå CSS3Hver spesifikasjon starter fra den forrige, og hver enkelt inneholder forbedringer, nye stiler og nye måter å bruke dem på. Spesifikasjonene for disse implementeringene kan ses på nettet www.w3.org/Style/CSS:

FORSTØRRE

Her kan vi finne all den offisielle dokumentasjonen, som spenner fra bruk av de forskjellige instruksjonene vi kan bruke, til tekniske aspekter som førte til denne implementeringen.
Hva er formålet med CSS?Rollen som skal spilles CSS på våre nettsteder er å forberede strukturene våre til å bli presentert, det vil si å lage HTML som vi har bygget ser bra ut for å bli vist for en bruker. Dette kan virke litt dumt å si, men det er her de tre faktorene som vi nevnte i begynnelsen kommer inn, en HTML uten stiler kan være funksjonell, og den kan bruke veldig moderne tekniske elementer, men i seg selv vil det ikke være estetisk; Dette innebærer at selv om nettstedet vårt er det beste, uten CSS det vil virke litt ufullstendig.
Fordeler med å bruke CSS

• Vi skiller presentasjonen fra strukturen, dette hjelper nettstedet vårt med å være modulært.
• Stilark CSS de kan deles av alle sidene på et nettsted, slik at vi får konsistens og sparer arbeid.
• Med CSS vi kan lage stiler for forskjellige enheter og miljøer.
• Vedlikeholde et nettsted du har implementert CSS det er mye lettere.

Moderne nettlesere
I de tidlige dagene av det moderne nettet, vi snakker om 90 -tallet, var det få alternativer for nettlesere, selv om noen ble betalt, men det vi kan huske mest var sikkert krigen Internet Explorer Y NetscapeDette ga en impuls til å ta hensyn til det funksjonelle aspektet, men å være i krig betydde at hver nettleser hadde sine regler, og dette gjorde livet umulig for webutvikleren. For tiden har vi mange nettlesermuligheter, og de aller fleste er gratis for brukeren, de viktigste er:

• Google Chrome.
• Safari.
• Mozilla Firefox.
• Opera.
• Internet Explorer.

FORSTØRRE

Hver nettleser tilhører forskjellige utviklere, og de er ansvarlige for å tolke HTML og CSS så hver og en må implementere standardene for W3CTil tross for dette oppfører seg ikke alle nettlesere på samme måte med samme instruksjon CSS. Sistnevnte skyldes motoren de bruker, la oss se hvilken motor hver og en bruker:
WebKitDet er en åpen kildekode -motor og brukes av Chrome Y SafariSelv om hver enkelt bruker den samme motoren, er implementeringen deres ikke nødvendigvis den samme, så det kan være forskjeller mellom nettlesere.
GeckoDet er motoren utviklet av Mozilla, og brukes av Firefox. Denne motoren er også åpen kildekode, så vi kan finne nettlesere som deler den.
PrestoDet er motoren som brukes av Opera og det er proprietært, så vi vil bare se det som en del av produktene til morselskapet.
TridentDet er motoren til Internet Explorer og for øyeblikket er den bare tilgjengelig i denne nettleseren og Microsoft -produkter.
Denne informasjonen er veldig viktig, fordi det ikke bare er stasjonære nettlesere som bruker disse motorene, men også mobile nettlesere, klienter som e -postbehandlere og til og med noen applikasjoner. Hvis vi kjenner motoren, kan vi se på en mer spesifikk måte for å ha en tilnærming til det tekniske aspektet som regulerer dem.
Gamle nettlesere
Så langt har vi snakket om de mest populære nettleseralternativene på markedet, men vi har ikke undersøkt detaljene i deres versjoner. Hver gang er det en implementeringsendring i standarden på CSS hver nettleser oppdateres vanligvis for å inkludere endringen eller nye funksjoner. Dette gjør at de gamle versjonene er henvist til fortiden, og derfor er kompatibilitetsnivået lavere.
Det som skjer er at ikke alle brukere er i stand til å oppdatere av mange årsaker, mangel på tillatelser, inkompatibilitet med viktige applikasjoner på systemet deres, eller til og med av sikkerhetshensyn til selskapet de jobber i, som må teste de nye nettleserne med det samme systemer.
Dette betyr at vi har veldig moderne nettsteder som kanskje ikke fungerer i de gamle nettleserne, og derfor må vi ta dette aspektet med forsiktighet under byggingen av nettstedene våre.
Den mest ubehagelige saken
En veldig nødvendig seksjon er å snakke om Internet Explorer, og for ikke bare å snakke om de dårlige tingene, siden vi synes at dette flotte amerikanske selskapet på en spektakulær måte har bidratt til utviklingen av databehandling og informasjonsteknologi på et globalt og historisk nivå.

FORSTØRRE

Men det er kanskje dens betydning som har gjort nettleseren din til en av de mest ubehagelige sakene å håndtere, bare i nyere versjoner som den nåværende, som er versjon 11 som det har vært et fremskritt i standardtolkningen av CSS Y JavaScript, men i tidligere versjoner som 8, 7 eller de svært beryktede 6, måtte du lage versjoner av nettstedene spesielt slik at de kunne vises i disse nettleserne, og det er ikke det verste, om ikke så mange ganger det var enn ofre estetikk og funksjonalitet bare for å gjøre prosjektene våre teknisk gjennomførbare.
Her kunne de yngste tenke hvorfor de fortsatte å utvikle seg for nettleserne, og svaret er enkelt, til tross for alt Internet Explorer er en av de mest brukte nettleserne over hele verden fordi den er integrert i Windows som standard også det mest brukte operativsystemet.
Nylig i 2015 ble det kunngjort at denne nettleseren vil bli avviklet, men dens etterfølger er ennå ikke fullstendig avslørt, og når den settes i drift kommersielt vil vi kunne se om de gamle problemene vil fortsette eller ikke.
CSS mer enn stiler
All denne kunnskapen er nødvendig, vi kan vite mye om instruksjonene CSS men hvis vi ikke kjenner bakgrunnen, kan vi lide, fra å gjøre en implementering med beste praksis til problemer med klienter som ikke ser de samme tingene vi ser, alt fra å bruke en bestemt versjon av en nettleser. For tiden er det rammer som hjelper oss med å overvinne alle disse motgangene, men når vi trenger noe veldig spesifikt, må vi generelt utføre denne funksjonaliteten fra bunnen av, og det er der vi må kjenne det grunnleggende CSS.
På slutten av denne opplæringen kunne vi da se det CSS Det er mye mer enn et enkelt språk, og det er mye mer enn stiler, vi kan si at det er en sentral grunnkomponent for våre nettsider, og det har å gjøre med mange aspekter, for eksempel alt vi har sett om nettlesere, motorer og til og med kompatibilitetsproblemer.