Cheat sheet CSS - úvod
Kaskádové šablóny štýlov, známe tiež ako CSS, sú jazykom so štýlmi, ktorý sa používa na opis prezentácie dokumentu napísaného v značkovacom jazyku, ako je HTML. Zjednodušuje to proces prezentácie webových stránok. Zaoberá sa vzhľadu a dojmom webovej stránky a používa sa na ovládanie funkcií webovej stránky, ako je farba textu, štýl písma, medzery medzi odsekmi, zarovnanie stĺpcov, obrázky a farby pozadia a rôzne ďalšie efekty., Výhodou cheatového listu CSS je to, že šetrí čas, rýchlejšie načítanie stránok, jednoduchú údržbu, vynikajúce štýly, kompatibilitu viacerých zariadení a globálne webové štandardy.
Príkazy a obsah na Cheat sheet CSS
Základná syntax
Základná syntax cheat sheet CSS pozostáva z selektora a komponentov deklarácie. Komponent selektora určuje prvok HTML, ktorý musí byť štylizovaný. Komponent deklarácie obsahuje dve alebo viac vlastností a ich špecifikácie oddelené bodkočiarkami. Komponent deklarácie vždy začína a končí zloženými zátvorkami.
Nižšie sú uvedené príkazy CSS Cheatsheet, ktoré vykonávajú rôzne druhy operácií:
| špecifikácia | príkaz |
| farby | Farby sú špecifikované pomocou preddefinovaných názvov farieb alebo hodnôt RGB, HEX, HSL, RGBA, HSLA. |
| zázemím | Farba pozadia prvku je určená vlastnosťou farba pozadia |
| hranice |
|
| okraje | Vlastnosť marže nastavuje vlastnosti marží v jednom vyhlásení. |
| Vypchávka | Vlastnosť na nastavenie vlastností výplne v jednom vyhlásení je výplň. |
| Výška šírka | Vlastnosti výšky a šírky sa používajú na určenie výšky a šírky prvku. |
| obrys | Vlastnosť obrysového štýlu určuje typ obrysu pre prvok. |
| text | Vlastnosť color sa používa na nastavenie farby textu. |
| fonty | Vlastnosť rodina fontov sa používa na nastavenie písma vybraného textu. |
| odkazy | Vlastnosť dekorácie textu sa používa na odstránenie podčiarknutia z odkazov a vlastnosť farba pozadia sa môže použiť na určenie farby pozadia odkazov. |
| zoznamy | Vlastnosť štýlu zoznamu nastavuje vlastnosť zoznamu v jednom vyhlásení. Obrázok v štýle zoznamu určuje obrázok ako značku položky zoznamu. Pozícia štýlu zoznamu určuje pozíciu značky položky zoznamu. Typ štýlu zoznamu určuje typ značky položky zoznamu. |
| stoly | Ohraničenie nastavuje všetky vlastnosti orámovania v jednom vyhlásení. Ohraničenie okrajov určuje, či má byť hranica zrútená alebo nie. Hraničné rozstupy vzdialenosti alebo rozstupu medzi susednými bunkami. Strana s titulkami určuje umiestnenie titulku tabuľky. Rozloženie tabuľky nastavuje algoritmus pre rozloženie tabuľky. |
| zobraziť | Vlastnosť display určuje, či sa má prvok zobraziť a ako sa má zobraziť. |
| Max-Šírka | V procese určovania šírky prvku bloku použitie maximálnej šírky zlepší prehľadávač v práci s malými oknami. |
| pozície | Vlastnosť position určuje pozíciu prvku. |
| pretekať | Vlastnosť pretečenia riadi text, ktorý je príliš veľký na to, aby sa zmestil do oblasti. |
| Plavák | Vlastnosť float určuje, ako by mal prvok plávať. |
Tipy a triky zdarma na použitie Cheat sheet CSS Príkazy: -
Niektoré základné triky cheat sheet CSS sú nasledujúce.
- Box-Model: CSS Box-Model je v podstate box, ktorý sa ovinie okolo každého prvku HTML. Skladá sa z okrajov, okrajov, výplne a obsahu.
- Pseudotrieda: Používa sa na definovanie špecifického stavu prvku, ktorý spočíva v tom, že sa iný prvok štýlu odlišuje, keď naň používateľ prejde, štýlu navštívených a nenavštívených odkazov a štýlu prvkov, na ktoré sa zameriava.
- Pseudoprvok: Používa sa na úpravu časti prvku, ako je prvé písmeno, slovo alebo riadok. Pomáha tiež pri vkladaní obsahu pred a po obsahu prvku.
- Vertikálna výška obrazovky: Určuje rozsah, v akom by mal obsah zaberať obrazovku.
- Štýlové telefónne spojenia: Určuje vlastnosti prepojení, ktoré sa otvárajú ako telefónne čísla v telefóne.
- Navigačné panely: Je dôležité, aby web mal dobrú navigáciu. CSS transformuje nudné ponuky HTML na pekné navigačné lišty.
záver
Cheat sheet CSS, ako nástroj na vytváranie webových stránok, je veľmi efektívny. Keďže možnosti lepšej prezentácie webovej stránky a pridávania užitočných funkcií sú v prípade CSS viac, uprednostňuje sa.
Odporúčané články
To bol sprievodca Cheat sheet CSS tu sme diskutovali o obsahu a príkazu, rovnako ako bezplatné tipy a triky cheat sheet CSS môžete sa tiež pozrieť na nasledujúci článok, aby ste sa dozvedeli viac -
- Cheat Sheet SQL
- Najčastejšie otázky týkajúce sa rozhovoru s CSS
- Rozdiely CSS vs CSS3
- Otázky a odpovede týkajúce sa rozhovoru CSS3
- Zaujímavý cheatový list pre UNIX
- Cheat Sheet JavaScript: Funkcie