Cheat sheet CSS - Úvod
Kaskádové styly, známé také jako CSS, jsou jazykem stylů, který se používá k popisu prezentace dokumentu napsaného v značkovacím jazyce, jako je HTML. V zásadě to zjednodušuje proces prezentace webových stránek. Zpracovává vzhled a dojem webové stránky a používá se k ovládání funkcí webové stránky, jako je barva textu, styl písma, mezery mezi odstavci, zarovnání sloupců, obrázky na pozadí a barvy a řada dalších efektů . Výhodou cheatového listu CSS je to, že šetří čas, rychlejší načítání stránek, snadnou údržbu, vynikající styly, kompatibilitu s více zařízeními a globální webové standardy.
Příkazy a obsah na cheat sheet CSS
Základní syntaxe
Základní syntaxe cheat sheet CSS se skládá z selektoru a komponent deklarace. Komponenta selektoru určuje prvek HTML, který musí být stylizovaný. Komponenta deklarace obsahuje dvě nebo více vlastností a jejich specifikace oddělené středníky. Komponenta deklarace vždy začíná a končí složenými závorkami.
Níže jsou uvedeny příkazy CSS Cheatsheet, které provádějí různé druhy operací:
Specifikace | Příkaz |
Barvy | Barvy se zadávají pomocí předdefinovaných názvů barev nebo hodnot RGB, HEX, HSL, RGBA, HSLA. |
Pozadí | Barva pozadí prvku je určena vlastností background-color |
Hranice |
|
Okraje | Margin vlastnost nastavuje vlastnosti okrajů v jedné deklaraci. |
Polstrování | Vlastnost pro nastavení vlastností výplně v jedné deklaraci je výplň. |
Výška, šířka | Vlastnosti výšky a šířky se používají k určení výšky a šířky prvku. |
Obrys | Vlastnost styl osnovy určuje typ osnovy pro prvek. |
Text | Vlastnost color se používá k nastavení barvy textu. |
Fonty | Vlastnost font-family se používá k nastavení písma vybraného textu. |
Odkazy | Vlastnost text dekorace se používá k odstranění podtržení z odkazů a vlastnost barvu pozadí lze použít k určení barvy pozadí odkazů. |
Seznamy | Vlastnost styl seznamu nastavuje vlastnost seznamu v jednom prohlášení. Obrázek ve stylu seznamu určuje obrázek jako značku položky seznamu. Pozice stylu seznamu určuje polohu značky položky seznamu. Typ stylu seznamu určuje typ značky položky seznamu. |
Tabulky | Ohraničení nastavuje všechny vlastnosti ohraničení v jedné deklaraci. Hranice sbalení určuje, zda má být hranice ohraničena nebo ne. Hraniční mezery vzdálenosti nebo mezery mezi sousedními buňkami. Strana s titulky určuje umístění titulku tabulky. Rozvržení tabulky nastavuje algoritmus pro rozvržení tabulky. |
Zobrazit | Vlastnost zobrazení určuje, zda je prvek zobrazen a jak je zobrazen. |
Maximální šířka | Při určování šířky prvku bloku použití maximální šířky zlepší práci prohlížeče s malými okny. |
Pozice | Vlastnost position určuje polohu prvku. |
Přetečení | Vlastnost přetečení řídí text, který je příliš velký na to, aby se vešel do oblasti. |
Plovák | Vlastnost float určuje, jak by měl prvek plavat. |
Tipy a triky zdarma pro použití Cheat sheet CSS Příkazy: -
Některé základní triky cheat sheet CSS jsou následující.
- Box-Model: CSS Box-Model je v podstatě box, který se ovine kolem každého prvku HTML. Skládá se z okrajů, ohraničení, výplně a obsahu.
- Pseudotřída: Používá se k definování konkrétního stavu prvku, který zahrnuje stylování prvku jinak, když na něj uživatel přejde myší, stylování navštívených a nenavštívených odkazů a stylování prvků, na které se zaměřuje.
- Pseudo-element: Používá se ke stylu části prvku, jako je první písmeno, slovo nebo řádek. Pomáhá také při vkládání obsahu před a po obsahu prvku.
- Svislá výška obrazovky: Slouží k určení rozsahu, v jakém by měl obsah zabírat obrazovku.
- Stylové telefonní linky: Určuje vlastnosti odkazů, které se otevírají jako telefonní čísla v telefonu.
- Navigační lišty: Je důležité, aby web měl dobrou navigaci. CSS transformuje nudné nabídky HTML na dobře vypadající navigační lišty.
Závěr
Cheat sheet CSS, jako nástroj pro vytváření webových stránek, je velmi efektivní. Vzhledem k tomu, že možnosti lepší prezentace webu a přidání užitečných funkcí jsou u CSS spíš, je velmi upřednostňován.
Doporučené články
To byl průvodce Cheat sheet CSS zde jsme diskutovali o obsahu a příkaz, stejně jako bezplatné tipy a triky cheat sheet CSS můžete také podívat na následující článek se dozvědět více -
- Cheat Sheet SQL
- Nejčastější dotazy na rozhovor CSS
- Rozdíly CSS vs CSS3
- CSS3 Interview Otázky a odpovědi
- Zajímavé Cheat list pro UNIX
- Cheat Sheet JavaScript: Funkce