CSS - Cheat sheet - Bevezetés
A lépcsőzetes stíluslapok, más néven CSS, egy stíluslap nyelv, amelyet a jelölőnyelven, például HTML formájában írt dokumentum bemutatására használnak. Alapvetően leegyszerűsíti a weboldalak bemutathatósá tételét. Kezeli a weboldal megjelenését és hangulatát, és a weboldal olyan funkcióinak vezérlésére szolgál, mint a szöveg színe, a betűkészlet stílusa, a bekezdések közötti távolság, az oszlopok igazítása, a háttérképek és a színek, valamint számos egyéb effektus. . A CSS cheatlap előnyei az, hogy időt takarít meg, gyorsabban töltődnek be az oldalak, egyszerű karbantartás, kiváló stílusok, több eszköz kompatibilitása és a globális webes szabványok.
Parancsok és tartalom a CSS Cheat lapon
Alapszintaxis
A CSS csalólap alapvető szintaxisa szelektorból és deklarációs összetevőkből áll. A választó elem meghatározza a HTML elemet, amelyet meg kell stílusolni. A nyilatkozat összetevő két vagy több tulajdonságot és azok specifikációját pontosvesszővel elválasztva tartalmazza. A nyilatkozat összetevő mindig göndör kapcsokkal kezdődik és végződik.
Az alábbiakban felsoroljuk a Cheatsheet CSS parancsokat, amelyek különféle műveleteket hajtanak végre:
| Leírás | Parancs |
| Színek | A színeket előre definiált színnevekkel vagy RGB, HEX, HSL, RGBA, HSLA értékekkel adjuk meg. |
| Háttér | Az elem háttér színét a háttér szín tulajdonsága határozza meg |
| határok |
|
| margók | A margó tulajdonság a deklarált margók tulajdonságait állítja be. |
| Párnázás | A párnázási tulajdonságok egyetlen deklarációban történő beállításának tulajdonsága a párnázás. |
| Magasság szélesség | A magasság és a szélesség tulajdonságait az elem magasságának és szélességének meghatározására használják. |
| Vázlat | A vázlat stílus tulajdonsága meghatározza az elem körvonalait. |
| Szöveg | A színtulajdonság a szöveg színének beállításához használható. |
| betűtípusok | A betűtípus-család tulajdonság a kiválasztott szöveg betűtípusának beállítására szolgál. |
| linkek | A szövegdekoráció tulajdonsággal aláhúzhatjuk a linkeket, és a háttér szín tulajdonsága felhasználható a linkek háttér színének meghatározására. |
| List | A lista stílusú tulajdonság a deklarációban megadja a lista tulajdonságait. A list-style-image egy képet határoz meg, mint lista elem jelölőjét. A lista-stílus-helyzet meghatározza a lista-elem jelölőjének helyzetét. A listastílus-típus meghatározza a listaelem-jelölő típusát. |
| asztalok | A Border az összes szélső tulajdonságot egyetlen nyilatkozatban állítja be. A szegély-összeomlás meghatározza, hogy egy szegmenst össze kell-e szedni vagy sem. A szegélytávolság vagy a szomszédos cellák közötti távolság. A feliratoldal határozza meg az asztali felirat elhelyezését. A táblázat elrendezése meghatározza a táblázat elrendezésének algoritmusát. |
| Kijelző | A megjelenítési tulajdonság meghatározza, hogy megjelenik-e egy elem, és hogyan. |
| Max-szélesség | A blokk elem szélességének meghatározásakor a max-width használata javítja a böngésző kis ablakok kezelését. |
| Pozíció | A pozíció tulajdonság meghatározza az elem helyzetét. |
| Túlcsordulás | A túlcsordulás tulajdonság azt a szöveget vezérli, amely túl nagy ahhoz, hogy beleférjen egy területbe. |
| Úszó | Az úszó tulajdonság meghatározza, hogy egy elem hogyan kell lebegni. |
Ingyenes tippek és trükkök a CSS-parancsok Cheat sheet használatához: -
A CSS csaló lap néhány alapvető trükköje a következő.
- Box-Model: A CSS Box-Model alapvetően egy olyan doboz, amely minden HTML elemet körülvesz. Margókból, szegélyekből, betétekből és tartalomból áll.
- Pszeudo-osztály: Az elem egy speciális állapotának meghatározására szolgál, amely magában foglalja az elem eltérő formázását, amikor a felhasználó az egérrel mozgatja, a meglátogatott és a nem látott hivatkozások stílusa és a fókuszban lévő elemek stílusa.
- Álnelem: Az elem egy részének, például az első betűnek, a szónak vagy a sornak a stílusához használják. Segít a tartalom beillesztésében egy elem tartalma előtt és után.
- Képernyő függőleges magassága: Ez határozza meg, hogy a tartalom milyen mértékben foglalja el a képernyőt.
- Stílusos telefonkapcsolatok: Meghatározza azon linkek tulajdonságait, amelyek telefonszámként nyílnak meg a telefonon.
- Navigációs sávok: Fontos, hogy a webhely jó navigációval rendelkezzen. A CSS az unalmas HTML menüket jó megjelenésű navigációs sávokká alakítja.
Következtetés
A CSS, mint egy weboldalépítő eszköz, a cheat sheet nagyon hatékony. Mivel a weboldal jobb megjelenítéséhez és a hasznos szolgáltatások hozzáadásához több lehetőség van a CSS-en, ez sokkal inkább előnyös.
Ajánlott cikkek
Ez egy útmutató a Cheat sheet CSS-hez. Itt tárgyaltuk a CSS-kód tartalmát és parancsát, valamint ingyenes tippeket és trükköket. További tudnivalókat a következő cikkben tekinthet meg -
- Cheat Sheet SQL
- Legfontosabb CSS interjúkérdések
- CSS vs CSS3 különbségek
- CSS3 interjúkérdések és válaszok
- Érdekes cheat lap a UNIX-hoz
- Cheat Sheet JavaScript: Funkciók