Grunderna i CSS3

Den moderna webben består av flera aspekter, det finns det tekniska, funktionella och estetiska, var och en av dessa aspekter är viktiga i samma utsträckning som de andra, men när en person är mer besläktad med en av dem tenderar de att försumma dem. resten.
I denna veva, när en person är mer kopplad till den tekniska aspekten, försummar de i allmänhet den estetiska aspekten, där den funktionella aspekten är en korsning mellan båda, eftersom inte allt som är mycket estetiskt kommer att vara funktionellt, och det faktum att vi använder alla den senaste tekniken gör inte heller en webbplats eller ett projekt till en.
De CSS Det är det sätt på vilket vi kan integrera den estetiska delen på webben på ett vänligt sätt för utvecklaren, och det fungerar också som ett universellt språk för att kommunicera med användarupplevelse och Front-End-designers, eftersom det är sättet att ge en titta på vilken webbplats som helst.
Vad är CSS?CSS är ett enkelt språk som används för att definiera stilar som kan tillämpas i dokument HTMLGenom att nämna ordstilarna menar vi att vi kan styra allt från hur teckensnitt på en webbplats ses, till implementering av muspekare, färger, bilder, skärmlayout etc.
CSS är en standard och är ansvarig för W3C, så varje webbläsare som har stöd för CSS Det bör fungera på samma sätt om du följer instruktionerna från denna institution.
Vad är CSS3?CSS3 är en specifikationsnivå på CSS, är den fjärde specifikationen sedan den har haft CSS, CSS2, CSS2.1 och nu CSS3Varje specifikation utgår från den föregående och var och en innehåller förbättringar, nya stilar och nya sätt att tillämpa dem. Specifikationerna för dessa implementeringar kan ses på webben www.w3.org/Style/CSS:

FÖRSTORA

Här kan vi hitta all officiell dokumentation, som sträcker sig från användningen av de olika instruktionerna som vi kan använda, till tekniska aspekter som ledde till denna implementering.
Vad är syftet med CSS?Rollen att spela CSS på våra webbplatser är att förbereda våra strukturer för att presenteras, det vill säga att göra HTML som vi har byggt ser bra ut för att visas för en användare. Det kan tyckas lite dumt att säga, men det är här de tre faktorerna som vi nämnde i början kommer in, en HTML utan stilar kan vara funktionell och den kan använda mycket moderna tekniska element, men i sig är det inte estetiskt; Detta innebär att även om vår webbplats är den bästa, utan CSS det kommer att verka lite ofullständigt.
Fördelar med att använda CSS

• Vi skiljer presentationen från strukturen, det hjälper vår webbplats att vara modulär.
• Stilark CSS de kan delas av alla sidor på en webbplats, så vi får konsekvens och sparar arbete.
• Med CSS vi kan skapa stilar för olika enheter och miljöer.
• Underhålla en webbplats som du har implementerat CSS det är mycket lättare.

Moderna webbläsare
I de tidiga dagarna av den moderna webben, vi talar om 90 -talet, fanns det få alternativ för webbläsare, till och med vissa betalades, men det vi kan komma ihåg mest var säkert kriget Internet explorer Y NetscapeDetta gav en impuls att ta hänsyn till den funktionella aspekten, men att vara i krig innebar att varje webbläsare hade sina regler och detta gjorde livet omöjligt för webbutvecklaren. För närvarande har vi många webbläsaralternativ, och de allra flesta är gratis för användaren, de viktigaste är:

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

FÖRSTORA

Varje webbläsare tillhör olika utvecklare, och de är ansvariga för att tolka HTML och den CSS så var och en måste implementera standarderna för W3C, trots detta uppträder inte alla webbläsare på samma sätt med samma instruktion CSS. Det senare beror på motorn de använder, låt oss se vilken motor var och en använder:
WebKitDet är en öppen källkodsmotor och används av Krom Y SafariÄven om var och en använder samma motor, är implementeringen inte nödvändigtvis densamma, så det kan finnas skillnader mellan webbläsare.
GeckoDet är motorn som utvecklats av Mozilla, och används av Firefox. Denna motor är också öppen källkod, så vi kan hitta webbläsare som delar den.
PrestoDet är motorn som används av Opera och det är proprietärt, så vi kommer bara att se det som en del av produkterna från moderbolaget.
TreuddDet är motorn till Internet explorer och för närvarande är den endast tillgänglig i denna webbläsare och Microsoft -produkter.
Denna information är mycket viktig, eftersom det inte bara är stationära webbläsare som använder dessa motorer, utan också mobila webbläsare, klienter som e -posthanterare och till och med vissa applikationer. Om vi ​​känner till motorn kan vi se på ett mer specifikt sätt för att kunna ha en inställning till den tekniska aspekten som reglerar dem.
Gamla webbläsare
Hittills har vi pratat om de mest populära webbläsaralternativen på marknaden, men vi har inte undersökt detaljerna i deras versioner. Varje gång det sker en implementeringsändring i standarden för CSS varje webbläsare uppdateras vanligtvis för att införliva ändringen eller nya funktioner. Detta gör att de gamla versionerna förflyttas till det förflutna och därför är deras kompatibilitetsnivå lägre.
Vad som händer är att inte alla användare kan uppdatera av många anledningar, brist på behörigheter, inkompatibilitet med viktiga applikationer på deras system, eller till och med av säkerhetsskäl för företaget där de arbetar, som måste testa de nya webbläsarna med samma system.
Detta innebär att vi har mycket moderna webbplatser som kanske inte fungerar i de gamla webbläsarna, varför vi måste ta denna aspekt med försiktighet under konstruktionen av våra webbplatser.
Det mest obekväma fallet
Ett mycket nödvändigt avsnitt är att prata om Internet explorer, och för att inte bara tala om de dåliga sakerna, eftersom vi tycker att detta stora amerikanska företag på ett spektakulärt sätt har bidragit till utvecklingen av dator- och informationsteknik på global och historisk nivå.

FÖRSTORA

Men det är kanske dess betydelse som har gjort din webbläsare till ett av de mest obekväma fallen att hantera, bara i nyare versioner som den nuvarande, vilket är version 11 som det har skett ett framsteg i standardtolkningen av CSS Y JavaScript, men i tidigare versioner som 8, 7 eller de mycket ökända 6, var du tvungen att göra versioner av sajterna särskilt för att de skulle kunna visas i dessa webbläsare, och det är inte det värsta, om inte så många gånger det var än offra estetik och funktionalitet bara för att göra våra projekt tekniskt genomförbara.
Här kunde de yngsta tänka varför de fortsatte att utvecklas för dessa webbläsare, och svaret är enkelt, trots allt Internet explorer är en av de mest använda webbläsarna världen över eftersom den är integrerad i Windows som standard också det mest använda operativsystemet.
Nyligen under 2015 tillkännagavs att den här webbläsaren kommer att avbrytas, men dess efterträdare har ännu inte avslöjats fullt ut och när den tas i drift kommersiellt kommer vi att kunna se om de gamla problemen kommer att fortsätta eller inte.
CSS mer än stilar
All denna kunskap är nödvändig, vi kan mycket om instruktionerna CSS men om vi inte känner till bakgrunden kan vi drabbas av att göra en implementering med bästa praxis till problem med klienter som inte ser samma saker som vi ser, allt från att använda en viss version av en webbläsare. För närvarande finns det ramar som hjälper oss att övervinna alla dessa motgångar, men när vi behöver något mycket specifikt måste vi i allmänhet utföra den funktionaliteten från grunden och det är där vi behöver känna till grunderna i CSS.
I slutet av denna handledning kunde vi sedan se det CSS Det är mycket mer än ett enkelt språk och det är mycket mer än stilar, vi kan säga att det är en viktig baskomponent för våra webbsidor och det har att göra med många aspekter, till exempel allt vi har sett om webbläsare, motorer och även kompatibilitetsproblem.