Grundlæggende CSS3

Det moderne web består af flere aspekter, der er det tekniske, det funktionelle og det æstetiske, hvert af disse aspekter er vigtigt i samme omfang som de andre, men når en person er mere beslægtet med et af dem, har de en tendens til at negligere dem. resten.
I denne vending, når en person er mere knyttet til det tekniske aspekt, negligerer de generelt det æstetiske aspekt, hvor det funktionelle aspekt er en krydsning mellem begge dele, da ikke alt, der er meget æstetisk, vil være funktionelt, og det faktum, at vi bruger alle de nyeste teknologier laver heller ikke et websted eller et projekt til et.
Det CSS Det er den måde, hvorpå vi kan indarbejde den æstetiske del på nettet på en venlig måde for udvikleren, og det fungerer også som et universelt sprog til at kommunikere med brugeroplevelse og Front-End-designere, da det er måden at give en se til ethvert websted.
Hvad er CSS?CSS er et enkelt sprog, der bruges til at definere stilarter, der kan anvendes i dokumenter HTMLVed at nævne ordformaterne mener vi, at vi kan styre alt fra den måde, skrifttyperne på et websted ses på, til implementering af musemarkører, farver, billeder, skærmlayout osv.
CSS er en standard og er under ansvaret for W3C, så hver browser, der har understøttelse af CSS Det bør fungere det samme, hvis du overholder instruktionerne fra denne institution.
Hvad er CSS3?CSS3 er et specifikationsniveau på CSS, er den fjerde specifikation siden den har haft CSS, CSS2, CSS2.1 og nu CSS3Hver specifikation starter fra den forrige, og hver enkelt indeholder forbedringer, nye stilarter og nye måder at anvende dem på. Specifikationerne for disse implementeringer kan ses på internettet www.w3.org/Style/CSS:

FORSTØRRE

Her kan vi finde al den officielle dokumentation, der spænder fra brugen af ​​de forskellige instruktioner, vi kan bruge, til tekniske aspekter, der førte til denne implementering.
Hvad er formålet med CSS?Den rolle, der skal spilles CSS på vores websteder er at forberede vores strukturer til at blive præsenteret, det vil sige at lave HTML som vi har bygget ser godt ud til at blive vist for en bruger. Dette kan virke lidt dumt at sige, men det er her de tre faktorer, som vi nævnte i begyndelsen, kommer ind, en HTML uden stilarter kan være funktionel, og den kan bruge meget moderne tekniske elementer, men i sig selv vil det ikke være æstetisk; Dette indebærer, at selvom vores websted er det bedste, uden CSS det vil virke noget ufuldstændigt.
Fordele ved at bruge CSS

• Vi adskiller præsentationen fra strukturen, dette hjælper vores websted med at være modulært.
• Stilark CSS de kan deles af alle siderne på et websted, så vi opnår konsistens og sparer arbejde.
• Med CSS vi kan lave stilarter til forskellige enheder og miljøer.
• Vedligeholdelse af et websted, som du har implementeret CSS det er meget lettere.

Moderne browsere
I de tidlige dage af det moderne web, vi taler om 90'erne, var der få muligheder for webbrowsere, selv nogle blev betalt, men det vi kan huske mest var sikkert krigen om Internet explorer Y NetscapeDette gav en impuls til at tage hensyn til det funktionelle aspekt, men at være i krig betød, at hver browser havde sine regler, og det gjorde livet umuligt for webudvikleren. I øjeblikket har vi mange browserindstillinger, og langt de fleste er gratis for brugeren, de vigtigste er:

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

FORSTØRRE

Hver browser tilhører forskellige udviklere, og de er ansvarlige for at fortolke HTML og CSS så hver enkelt skal implementere standarderne for W3CPå trods af dette opfører ikke alle browsere sig på samme måde med den samme instruktion CSS. Sidstnævnte skyldes motoren de bruger, lad os se hvilken motor hver bruger:
WebKitDet er en open source -motor og bruges af Chrome Y SafariSelvom hver bruger den samme motor, er deres implementering ikke nødvendigvis den samme, så der kan være forskelle mellem browsere.
GeckoDet er motoren udviklet af Mozilla, og bruges af Firefox. Denne motor er også open source, så vi kan finde browsere, der deler den.
PrestoDet er den motor, der bruges af Opera og det er proprietært, så vi vil kun se det som en del af produkterne fra dets moderselskab.
TridentDet er motoren til Internet explorer og i øjeblikket er den kun tilgængelig i denne browser og Microsoft -produkter.
Disse oplysninger er meget vigtige, fordi det ikke kun er desktopbrowsere, der bruger disse motorer, men også mobile browsere, klienter som f.eks. E -mailadministratorer og endda nogle applikationer. Hvis vi kender motoren, kan vi se på en mere specifik måde for at have en tilgang til det tekniske aspekt, der regulerer dem.
Gamle browsere
Indtil videre har vi talt om de mest populære browserindstillinger på markedet, men vi har ikke undersøgt detaljerne i deres versioner. Hver gang er der en implementeringsændring i standarden for CSS hver browser opdateres normalt for at inkorporere ændringen eller nye funktioner. Dette gør, at de gamle versioner er henvist til fortiden, og derfor er deres kompatibilitetsniveau lavere.
Hvad der sker er, at ikke alle brugere er i stand til at opdatere af mange årsager, manglende tilladelser, inkompatibilitet med vigtige applikationer på deres system eller endda af sikkerhedsmæssige årsager for det firma, de arbejder i, som skal teste de nye browsere med det samme systemer.
Det betyder, at vi har meget moderne websteder, der muligvis ikke fungerer i de gamle browsere, og derfor skal vi tage dette aspekt med forsigtighed under opførelsen af ​​vores websteder.
Den mest ubehagelige sag
Et meget nødvendigt afsnit er at tale om Internet explorer, og for ikke kun at tale om de dårlige ting, da vi synes, at denne store amerikanske virksomhed på en spektakulær måde har bidraget til udviklingen af ​​computer- og informationsteknologi på et globalt og historisk plan.

FORSTØRRE

Men det er måske dens betydning, der har gjort din browser til en af ​​de mest ubehagelige sager at håndtere, kun i nyere versioner som den nuværende, hvilket er version 11 at der er sket et fremskridt i standardfortolkningen af CSS Y JavaScript, men i tidligere versioner som 8, 7 eller de meget berygtede 6 var du nødt til at lave versioner af webstederne især, så de kunne vises i disse browsere, og det er ikke det værste, hvis ikke så mange gange der var end ofre æstetik og funktionalitet bare for at gøre vores projekter teknisk gennemførlige.
Her kunne de yngste tænke, hvorfor de blev ved med at udvikle sig til disse browsere, og svaret er simpelt, trods alt Internet explorer er en af ​​de mest brugte browsere verden over, fordi den er integreret i Windows som standard også det mest anvendte operativsystem.
For nylig i 2015 blev det annonceret, at denne browser vil blive afbrudt, men dens efterfølger er endnu ikke fuldt ud afsløret, og når den sættes i drift kommercielt, vil vi være i stand til at se, om de gamle problemer vil fortsætte eller ej.
CSS mere end stilarter
Al denne viden er nødvendig, vi kan vide meget om instruktionerne CSS men hvis vi ikke kender baggrunden, kan vi lide, fra at implementere med bedste praksis til problemer med klienter, der ikke kan se de samme ting, som vi ser, alt sammen ved at bruge en bestemt version af en browser. I øjeblikket er der rammer, der hjælper os med at overvinde alle disse modganger, men når vi har brug for noget meget specifikt, skal vi generelt udføre denne funktionalitet fra bunden, og det er her, vi skal kende det grundlæggende i CSS.
I slutningen af ​​denne tutorial kunne vi så se det CSS Det er meget mere end et simpelt sprog, og det er meget mere end stilarter, vi kan sige, at det er en vigtig grundkomponent for vores websider, og det har at gøre med mange aspekter, såsom alt hvad vi har set om browsere, motorer og endda kompatibilitetsproblemer.