Obsah
Moderní web se skládá z několika aspektů, technických, funkčních a estetických. Každý z těchto aspektů je důležitý ve stejné míře jako ostatní, ale když je člověku jeden z nich bližší, obvykle jej zanedbává. oni. zbytek.V tomto smyslu, když je člověk více propojen s technickým aspektem, obecně zanedbává estetický aspekt, kde je funkční aspekt kříž mezi oběma, protože ne vše, co je velmi estetické, bude funkční a skutečnost, že používáme všechny nejnovější technologie nevytvářejí ani webové stránky, ani projektové.
The CSS Je to způsob, jakým můžeme pro vývojáře přátelsky začlenit estetickou část na web, a také slouží jako univerzální jazyk pro komunikaci s uživatelskou zkušeností a návrháři front-endů, protože je to způsob, jak poskytnout podívejte se na jakýkoli web.
Co je CSS?CSS je jednoduchý jazyk používaný k definování stylů, které lze použít v dokumentech HTMLZmiňováním slovních stylů máme na mysli, že můžeme ovládat vše od způsobu, jakým jsou viděna písma na webových stránkách, až po implementaci kurzorů myši, barvy, obrázky, rozložení obrazovky atd.
CSS je standardem a nese odpovědnost W3C, takže každý prohlížeč, který má podporu pro CSS Stejně by to mělo fungovat, pokud budete dodržovat pokyny vydané touto institucí.
Co je CSS3?CSS3 je úroveň specifikace CSS, je čtvrtá specifikace, protože má CSS, CSS2, CSS2.1 a teď CSS3Každá specifikace začíná od předchozí a každá obsahuje vylepšení, nové styly a nové způsoby jejich použití. Specifikace těchto implementací jsou k dispozici na webu www.w3.org/Style/CSS:
ZVĚTŠIT
Jaký je účel CSS?Role, kterou má hrát CSS na našich webových stránkách je připravit naše struktury k prezentaci, tj. vytvořit HTML které jsme vytvořili, vypadají dobře, že se mohou ukázat uživateli. To se může zdát trochu hloupé, nicméně zde přicházejí tři faktory, které jsme zmínili na začátku, HTML bez stylů může být funkční a může používat velmi moderní technické prvky, ale samo o sobě to nebude estetické; To znamená, že ačkoli je náš web nejlepší, bez CSS bude to vypadat poněkud neúplně.
Výhody používání CSS
- Oddělujeme prezentaci od struktury, což pomáhá naší webové stránce být modulární.
- Styly CSS mohou být sdíleny na všech stránkách webu, takže získáváme konzistenci a šetříme práci.
- S CSS můžeme vytvářet styly pro různá zařízení a prostředí.
- Údržba webu, který jste implementovali CSS je to mnohem jednodušší.
Moderní prohlížeče
V počátcích moderního webu mluvíme o 90. letech, pro webové prohlížeče bylo jen málo možností, dokonce i některé placené, ale nejvíce si pamatujeme určitě válka Internet Explorer Y NetscapeTo dalo impuls vzít v úvahu funkční aspekt, nicméně být ve válce znamenalo, že každý prohlížeč měl svá pravidla a to webovému vývojáři znemožnilo život. V současné době máme mnoho možností prohlížeče a drtivá většina je pro uživatele zdarma, nejdůležitější jsou:
- Google Chrome.
- Safari.
- Mozilla Firefox.
- Opera.
- Internet Explorer.
ZVĚTŠIT
WebKitJe to open source engine a používá ho Chrome Y SafariAčkoli každý z nich používá stejný motor, jejich implementace není nutně stejná, takže mezi prohlížeči mohou být rozdíly.
GeckoJe to motor vyvinutý společností Mozilla, a je používán Firefox. Tento engine je také open source, takže můžeme najít prohlížeče, které jej sdílejí.
rychleJe to motor, který používá Opera a je proprietární, takže jej uvidíme pouze jako součást produktů její mateřské společnosti.
TrojzubecJe to motor Internet Explorer a v tuto chvíli je k dispozici pouze v tomto prohlížeči a produktech společnosti Microsoft.
Tyto informace jsou velmi důležité, protože tyto motory nepoužívají pouze desktopové prohlížeče, ale také mobilní prohlížeče, klienti, jako jsou správci e -mailů, a dokonce i některé aplikace. Pokud známe motor, můžeme se podívat konkrétněji, abychom mohli mít přístup k technickému aspektu, který je reguluje.
Staré prohlížeče
Doposud jsme mluvili o nejpopulárnějších možnostech prohlížeče na trhu, nicméně nezkoumali jsme detaily jejich verzí. Pokaždé, když dojde ke změně implementace standardu CSS každý prohlížeč je obvykle aktualizován, aby zahrnoval změnu nebo nové funkce. Díky tomu jsou staré verze odsunuty do minulosti, a proto je jejich úroveň kompatibility nižší.
Stává se, že ne všichni uživatelé mohou aktualizovat z mnoha důvodů, kvůli nedostatku oprávnění, nekompatibilitě s důležitými aplikacemi v jejich systému nebo dokonce z bezpečnostních důvodů společnosti, ve které pracují, kteří musí nové prohlížeče testovat stejným způsobem. systémy.
To znamená, že máme velmi moderní webové stránky, které nemusí fungovat ve starých prohlížečích, a proto musíme při vytváření našich stránek tento aspekt brát s rezervou.
Nejnepříjemnější případ
Velmi nezbytnou částí je promluvit si Internet Explorer, a to nemluvíme jen o špatných věcech, protože si myslíme, že tato skvělá americká společnost působivým způsobem přispěla k rozvoji výpočetních a informačních technologií na globální a historické úrovni.
ZVĚTŠIT
Tady si nejmladší mohli myslet, proč se pro ty prohlížeče stále vyvíjeli, a odpověď je přes všechno jednoduchá Internet Explorer je jedním z nejpoužívanějších prohlížečů na světě, protože je integrován do Okna ve výchozím nastavení je to také nejpoužívanější operační systém.
Nedávno v roce 2015 bylo oznámeno, že tento prohlížeč bude ukončen, nicméně jeho nástupce ještě nebyl zcela odhalen a až bude komerčně uveden do provozu, budeme moci zjistit, zda staré problémy budou pokračovat, nebo ne.
CSS více než styly
Všechny tyto znalosti jsou nezbytné, o pokynech toho můžeme hodně vědět CSS ale pokud neznáme pozadí, můžeme trpět, od provádění implementace s osvědčenými postupy až po problémy s klienty, kteří nevidí stejné věci, jaké vidíme my, to vše z používání konkrétní verze prohlížeče. V současné době existují rámce, které nám pomáhají překonat všechny tyto překážky, ale když potřebujeme něco velmi konkrétního, obecně potřebujeme provést tuto funkci od nuly a právě tam potřebujeme znát základy CSS.
Na konci tohoto tutoriálu jsme to pak mohli vidět CSS Je to mnohem víc než jednoduchý jazyk a je to mnohem víc než styly, můžeme říci, že je to klíčová základní součást našich webových stránek a souvisí to s mnoha aspekty, například se vším, co jsme viděli o prohlížečích, motorech a dokonce problémy s kompatibilitou.
