Inhoudsopgave
Het moderne web bestaat uit verschillende aspecten, er is het technische, het functionele en het esthetische, elk van deze aspecten is in dezelfde mate belangrijk als de andere, maar wanneer een persoon meer verwant is aan een van hen, hebben ze de neiging om te verwaarlozen hen. de rest.In deze geest, wanneer een persoon meer verbonden is met het technische aspect, verwaarlozen ze over het algemeen het esthetische aspect, waar het functionele aspect een kruising is tussen beide, aangezien niet alles dat erg esthetisch is functioneel zal zijn, en het feit dat we alle de nieuwste technologieën maken een website of een project ook niet.
De CSS Het is de manier waarop we het esthetische deel in het web kunnen opnemen op een vriendelijke manier voor de ontwikkelaar, en het dient ook als een universele taal om te communiceren met gebruikerservaring en front-end ontwerpers, aangezien het de manier is om een kijk naar een willekeurige website.
Wat is CSS?CSS is een eenvoudige taal die wordt gebruikt om stijlen te definiëren die in documenten kunnen worden toegepast HTMLMet het noemen van de woordstijlen bedoelen we dat we alles kunnen controleren, van de manier waarop de lettertypen op een website worden gezien, tot de implementatie van muisaanwijzers, kleuren, afbeeldingen, schermindeling, enz.
CSS is een standaard en valt onder de verantwoordelijkheid van de W3C, dus elke browser die ondersteuning heeft voor CSS Het zou hetzelfde moeten werken als u zich houdt aan de instructies van deze instelling.
Wat is CSS3?CSS3 is een specificatieniveau van CSS, is de vierde specificatie sinds het heeft gehad CSS, CSS2, CSS2.1 en nu CSS3Elke specificatie begint bij de vorige en elke specificatie bevat verbeteringen, nieuwe stijlen en nieuwe manieren om ze toe te passen. De specificaties van deze implementaties zijn te zien op het web www.w3.org/Style/CSS:
VERGROTEN
Wat is het doel van CSS?De rol om te spelen CSS op onze websites is om onze structuren voor te bereiden om te worden gepresenteerd, dat wil zeggen om de HTML die we hebben gebouwd, zien er goed uit om aan een gebruiker te worden getoond. Dit lijkt misschien een beetje gek om te zeggen, maar dit is waar de drie factoren die we aan het begin noemden van pas komen, een HTML zonder stijlen kan functioneel zijn en het kan zeer moderne technische elementen gebruiken, maar op zichzelf zal het niet esthetisch zijn ; Dit houdt in dat hoewel onze website de beste is, zonder CSS het zal enigszins onvolledig lijken.
Voordelen van het gebruik van CSS
- We scheiden de presentatie van de structuur, dit helpt onze website modulair te zijn.
- Stijlbladen CSS ze kunnen worden gedeeld door alle pagina's van een website, zodat we consistentie krijgen en werk besparen.
- Met CSS we kunnen stijlen maken voor verschillende apparaten en omgevingen.
- Een site onderhouden die u hebt geïmplementeerd CSS het is veel gemakkelijker.
Moderne browsers
In de begindagen van het moderne web, we hebben het over de jaren 90, waren er weinig opties voor webbrowsers, sommige werden zelfs betaald, maar wat we ons het meest kunnen herinneren was ongetwijfeld de oorlog van Internetverkenner Y NetscapeDit gaf een impuls om rekening te houden met het functionele aspect, maar in oorlog zijn betekende dat elke browser zijn regels had en dit maakte het leven van de webontwikkelaar onmogelijk. Momenteel hebben we veel browseropties en de overgrote meerderheid is gratis voor de gebruiker, de belangrijkste zijn:
- Google Chrome.
- Safari.
- Mozilla Firefox.
- Opera.
- Internet Explorer.
VERGROTEN
WebKitHet is een open source engine en wordt gebruikt door: Chroom Y SafariHoewel ze allemaal dezelfde engine gebruiken, is hun implementatie niet noodzakelijk hetzelfde, dus er kunnen verschillen zijn tussen browsers.
GekkoHet is de motor ontwikkeld door Mozilla, en wordt gebruikt door Firefox. Deze engine is ook open source, dus we kunnen browsers vinden die deze delen.
PrestoHet is de motor die wordt gebruikt door Opera en het is eigendom, dus we zullen het alleen zien als onderdeel van de producten van het moederbedrijf.
DrietandHet is de motor van Internetverkenner en op dit moment is het alleen beschikbaar in deze browser en Microsoft-producten.
Deze informatie is erg belangrijk, omdat niet alleen desktopbrowsers deze engines gebruiken, maar ook mobiele browsers, clients zoals e-mailmanagers en zelfs sommige applicaties. Als we de motor kennen, kunnen we op een meer specifieke manier kijken om een benadering te hebben van het technische aspect dat ze regelt.
Oude browsers
Tot nu toe hebben we het gehad over de meest populaire browseropties op de markt, maar we hebben de details van hun versies niet onderzocht. Elke keer dat er een implementatiewijziging is in de standaard van CSS elke browser wordt meestal bijgewerkt om de wijziging of nieuwe functionaliteiten op te nemen. Hierdoor zijn de oude versies tot het verleden verbannen en is hun compatibiliteitsniveau lager.
Wat er gebeurt, is dat niet alle gebruikers kunnen updaten om vele redenen, gebrek aan rechten, incompatibiliteit met belangrijke applicaties op hun systeem, of zelfs om veiligheidsredenen van het bedrijf waarin ze werken, die de nieuwe browsers met dezelfde systemen.
Dit betekent dat we zeer moderne websites hebben die mogelijk niet werken in de oude browsers, daarom moeten we voorzichtig zijn met dit aspect tijdens het bouwen van onze sites.
Het meest ongemakkelijke geval
Een zeer noodzakelijke sectie is om over te praten Internetverkenner, en niet alleen over de slechte dingen, aangezien we denken dat dit grote Amerikaanse bedrijf op een spectaculaire manier heeft bijgedragen aan de ontwikkeling van computer- en informatietechnologie op mondiaal en historisch niveau.
VERGROTEN
Hier konden de jongsten bedenken waarom ze voor die browsers bleven ontwikkelen, en het antwoord is ondanks alles simpel Internetverkenner is een van de meest gebruikte browsers ter wereld omdat het is geïntegreerd in ramen standaard, wat ook het meest gebruikte besturingssysteem is.
Onlangs in 2015 werd aangekondigd dat deze browser zal worden stopgezet, maar zijn opvolger is nog niet volledig onthuld en wanneer deze commercieel in gebruik wordt genomen, zullen we kunnen zien of de oude problemen zullen aanhouden of niet.
CSS meer dan stijlen
Al deze kennis is nodig, we kunnen veel weten over de instructies CSS maar als we de achtergrond niet kennen, kunnen we lijden, van het uitvoeren van een implementatie met best practices tot problemen met klanten die niet dezelfde dingen zien die we zien, allemaal door het gebruik van een bepaalde versie van een browser. Momenteel zijn er kaders die ons helpen al deze tegenslagen te overwinnen, maar als we iets heel specifieks nodig hebben, moeten we die functionaliteit over het algemeen helemaal opnieuw uitvoeren en dat is waar we de basis van moeten kennen. CSS.
Aan het einde van deze tutorial konden we dat zien CSS Het is veel meer dan een eenvoudige taal en het is veel meer dan stijlen, we kunnen zeggen dat het een belangrijk basisonderdeel is voor onze webpagina's en het heeft te maken met veel aspecten, zoals alles wat we hebben gezien over browsers, motoren en zelfs compatibiliteitsproblemen.
