Úvod do Cheatheet CSS3
Cascading Stylesheet (CSS) je v podstatě jazyk stylů listů, který se používá k implementaci vzhledu a formátování dokumentu vyvinutého v značkovacím jazyce. Specifikace CSS je udržována hlavně World Wide Web Consortium (W3C). Hlavní moto pro implementaci CSS je představit oddělení prezentace a obsahu, které zahrnuje přední strany, formáty rozložení. CSS3 je nejnovější verze nebo standard pro CSS po CSS2. CSS3 je hlavně kombinací specifikací CSS2 a některých nových funkcí.
Níže naleznete několik důležitých modulů Cheatsheet CSS3:
- Box Model
- Selektory
- Textové efekty
- 2D transformace
- 3D transformace
- Reprezentace obrazu
- User Interphase
- Rozložení více sloupců
- Animace
- Úprava obsahu a přerozdělení
V tomto článku Cheatsheet CSS3 si probereme, co je CSS3 a různé příkazy CSS3.
Příkazy a obsah na Cheatheet CSS3
CSS3 má rozsáhlou knihovnu, interaktivní, rozšiřitelnou a obsahující mnoho vestavěných metod pro výpočet běžných operací. Níže jsou uvedeny příkazy Cheatsheet CSS3, které provádějí různé operace příkazového řádku:
|
PŘÍKAZ |
POPIS |
| : soustředit se | Zaměřit se na prvek |
| : aktivní | Zobrazení a výběr aktivního prvku |
| : povoleno | Zobrazení prvku, který je povolen |
| : kontrolovány | Zobrazení prvku, který je zaškrtnutý |
| : lang | Povolit vývojáři určit jazyk pro konkrétní prvek |
| : výběr | Zobrazení prvku, který je zvýrazněn a vybrán |
| : root | Zobrazení kořenového prvku v dokumentu |
| :první dítě | Zobrazení prvního prvku sourozence |
| :poslední dítě | Zobrazení posledního prvku sourozence |
| :Jedináček | Zobrazení jediného podřízeného prvku |
| : první typu | Zobrazení prvního prvku sourozence určitého typu |
| : poslední typu | Zobrazení posledního prvku sourozence určitého typu |
| : pouze typu | Zobrazení jediného prvku sourozence určitého typu |
| : prázdný | Zobrazení prvku, který nemá děti |
| ::první dopis | Přidání specifického stylu k prvnímu písmenu textu |
| ::první řada | Chcete-li přidat konkrétní styl na první řádek textu |
| :: po | Vložení určitého obsahu za textový prvek |
| :: před | Vložení určitého obsahu před textový prvek |
Operátoři: - Různé typy operátorů v CSS3 jsou srovnávací (relační) operátoři, přiřazení operátoři, logičtí operátoři a identitní operátoři.
Měřící stupnice: Cheat sheet CSS3 měřící stupnice jsou následující
|
SCALE / PARAMETER |
POPIS |
| em | Velikost písma aktuálního prvku |
| ex | Výška písma prvku |
| px | Prohlížení pixelu zařízení |
| rem | Velikost písma kořenového prvku |
| vh | Výška výřezu |
| vw | Šířka výřezu |
| % | Procento |
| ks | Pica |
| pt | Směřovat |
Barevný kód: Název barvy = červená, modrá, zelená a tmavě zelená. Vyhledejte kódy níže
|
KÓD |
POPIS / ZMĚNY |
| rgb (x, y, z) | Pro červenou = rgb (255, 0, 0) |
| rgb (x%, y%, z%) | Pro červenou = rgb (100%, 0, 0) |
| # rrggbb | Pro červenou = # ff000 |
| flakon | Uživatelem vybranou barvu přizpůsobí uživatelské rozhraní |
| rgba (x, y, z, alfa) | Pro červenou = rgb (255, 0, 0) |
Vlastnosti uživatelského rozhraní: Uživatelské uživatelské rozhraní CSS3 Cheat sheet jsou následující.
|
HODNOTY MAJETKU |
POPIS |
| ikona | Poskytnout ikonu v oblasti |
| změnit velikost | Změna velikosti zadaných prvků oblasti |
| velikost boxu | Oprava zadané oblasti prvku |
| vzhled | Implementovat prvky jako prvky uživatelského rozhraní |
| nav-down | Přesunutí prvků podle tlačítka se šipkou dolů na klávesnici |
| vlevo | Posunutí prvků doleva podle tlačítka se šipkou vlevo na klávesnici |
| nav-up | Posunutí prvků nahoru podle tlačítka se šipkou vlevo na klávesnici |
| pravo | Přesunutí prvků podle tlačítka se šipkou vpravo na klávesnici |
| osnovy | Jak nakreslit obrys vybrané textové oblasti |
Druhy selektorů : Cheat sheet CSS3 selector typy jsou následující.
|
TYPOVÉ JMÉNO |
POPIS / ZMĚNY |
| Univerzální | Zobrazení libovolného prvku |
| Typ | Chcete-li zobrazit jakýkoli konkrétní typ prvku |
| Třída | Pro zobrazení více prvků různých typů |
| Id | Zobrazení a identifikace jednoho konkrétního typu prvku bez ovlivnění ostatních |
| Dítě | Chcete-li zobrazit prvek, který přímo spadne pod, spadne pod jiný prvek |
| Seskupení | Identifikace více prvků různých typů |
| Sousední Sibling | Načíst všechny prvky, které mají stejný nadřazený prvek a jsou v bezprostředním sledu |
| Generál Sibling | Načíst všechny prvky, které mají stejné nadřazené prvky a nemusí být nutně v bezprostředním pořadí |
Tipy a triky zdarma pro použití Cheat sheet CSS3 Příkazy: -
- Režim prolnutí CSS3 lze použít ke sjednocení vzhledu zadaného obsahu a také umožňuje uživatelům nastavit různé verze barev obrazu. V CSS3 Cheat Sheet je přibližně 15 hodnot režimů prolnutí. Přidává také další výhodu z pohledu reprezentace mezifázového zobrazení uživatele.
- Clipping je další skvělá vlastnost CSS. Pomocí funkce oříznutí může uživatel definovat viditelnost obrazové oblasti podle požadavku. Pokud tedy jakákoli část obrázku spadne mimo požadovanou oblast, lze oříznutí provést za účelem skrytí této další oblasti obrázku.
- V případě CSS mohou být implementovány vlastnosti uvnitř a tvaru mimo rámec pro obalení obsahu kolem přizpůsobené cesty CSS a mohou být definovány a přidělovány podle požadavků koncového uživatele. V zásadě umožňuje uživateli navrhnout mezifázi podle definovaných specifikací.
- Použití animace SVG (škálovatelná vektorová grafika) je další výhodou pro CSS3. Při použití SVG s animací CSS3 se mezifáze stane interaktivnější a SVG má také vlastní DOM API.
- Funkce mapy bude použita na všechny položky ve vstupním seznamu.
- Funkce redukce se používá k použití některých výpočtů v seznamu a vrací hodnotu
- Hover Effects lze implementovat pomocí cheatového listu CSS3
- Gooey menu může být implementováno pomocí CSS3 a SVG filtrů, což pomáhá novému reprezentativnímu přístupu z pohledu uživatelského rozhraní
- Z pohledu tvorby webových stránek mohou být paralaxy efekty vytvářeny pomocí CSS3.
- Interaktivní 3D struktura a uživatelská fáze lze vytvořit pomocí CSS3
- Pomocí kombinace různých selektorů lze pomocí odkazu CSS3 vytvořit ikonu formátu souboru vedle odkazu ke stažení.
Závěr
V tomto článku Cheat sheet CSS3 jsme viděli, že CSS3 se snadno používá a jeho syntaxe je snadněji zapamatovatelná. CSS3 lze použít k reprezentaci technologií pro vývoj webových aplikací pomocí různých přístupů a technologií stylů podporujících CSS3. Na základě typu potřeby projektu, doby práce a všech ostatních diskutovaných aspektů by měla být CSS3 použita k dosažení požadovaného cíle.
Doporučené články
To byl průvodce Cheat sheet CSS3 zde jsme diskutovali o obsahu a příkaz, stejně jako bezplatné tipy a triky cheat sheet CSS3 můžete také podívat na následující článek se dozvědět více -
- Cheat Sheet CSS
- Kódy HTML
- Úžasný cheat list pro UNIX
- Cheat Sheet JavaScript: Funkce