Uvod u Cheatsheet CSS3
Kaskadni stilski list (CSS) u osnovi je stilski jezik koji se koristi za implementaciju izgleda i oblikovanja dokumenta razvijenog na označnom jeziku. CSS specifikacije uglavnom održava World Wide Web Consortium (W3C). Glavni moto za implementaciju CSS-a je prikazati odvajanje prezentacija i sadržaja koji uključuju fronte, formate izgleda. CSS3 je najnovija inačica ili standard za CSS nakon CSS2. CSS3 je uglavnom kombinacija CSS2 specifikacija i neke nove funkcionalnosti.
U nastavku pronađite nekoliko važnih modula Cheatsheet CSS3:
- Model kutije
- selektora
- Tekstualni efekti
- 2D transformacije
- 3D transformacije
- Slika slika
- Interfaza korisnika
- Raspored više stupaca
- Animacije
- Prilagođavanje sadržaja i preraspodjela
U ovom članku Cheatsheet CSS3 raspravljat ćemo što je CSS3 i različite CSS3 naredbe.
Naredbe i sadržaj na šifri CSS3
CSS3 ima veliku biblioteku, interaktivni, proširivi i sadrži mnogo ugrađenih metoda za računanje uobičajenih operacija. Ispod su spomenute naredbe Cheatsheet CSS3 koje izvode različite operacije u naredbenom retku:
|
NAREDBA |
OPIS |
| : usredotočenost | Da se usredotočim na element |
| : aktivno | Za prikaz i odabir aktivnog elementa |
| : omogućeno | Prikazivanje elementa koji je omogućen |
| : označeno | Za prikaz elementa koji je označen |
| : lang | Da biste programeru mogli omogućiti određivanje jezika za određeni element |
| : odabir | Za prikaz elementa koji je označen i odabran |
| : korijen | Za prikaz korijenskog elementa u dokumentu |
| : Prvo dijete | Za prikaz prvog elementa braće |
| :zadnje dijete | Za prikaz zadnjeg bračnog elementa |
| :jedino dijete | Za prikaz jedinog podređenog elementa |
| : Prvi od tipa | Za prikaz prvog bračnog elementa određene vrste |
| : Posljednji od tipa | Za prikaz posljednjeg elementa braće određene vrste |
| : Samo-za-tipa | Za prikaz jedinog bračnog elementa određene vrste |
| : prazno | Za prikaz elementa koji nema djecu |
| ::prvo slovo | Kako biste prvom slovu teksta dodali određeni stil |
| ::prvi red | Da biste prvom retku teksta dodali određeni stil |
| :: nakon | Za umetanje nekog sadržaja nakon tekstualnog elementa |
| :: prije | Za umetanje nekog sadržaja prije tekstualnog elementa |
Operatori: - Različite vrste operatora u CSS3 su operateri za usporedbu (relacijski), operateri dodjele, logički operateri i operateri identiteta.
Mjerne ljestvice: Mjerne vage CSS3 na varalici su kako slijedi
|
MJESTO / PARAMETAR |
OPIS |
| em | Veličina fonta trenutnog elementa |
| ex | Visina fonta elementa |
| px | Prikazivanje piksela uređaja |
| rEM | Veličina fonta elementa korijena |
| VH | Visina Viewporta |
| VW | Širina Viewporta |
| % | Postotak |
| PC | cicero |
| PT | Točka |
Šifra boje: Naziv boje = crvena, plava, zelena i tamno zelena. Nađi ispod kodova za isto
|
KODIRATI |
OPIS / ZNAČENJE |
| RGB (x, y, z) | Za crveni = rgb (255, 0, 0) |
| RGB (x%, y%, z%) | Za crveno = rgb (100%, 0, 0) |
| #rrggbb | Za crveno = # ff000 |
| flabor | Korisnički odabrana boja za prilagođavanje korisničkog interfaza |
| RGBA (x, y, z, a) | Za crveni = rgb (255, 0, 0) |
Korisnička interfazna svojstva : CSS3 Svojstva interfaza korisnika korisničkog varalice su sljedeća.
|
VRIJEDNOSTI IMOVINE |
OPIS |
| ikona | Za unošenje ikone na područje |
| veličinu | Za promjenu veličine elemenata navedenog područja |
| kutija-dimenzioniranje | Da biste fiksirali određeno područje elementa |
| izgled | Za implementaciju elemenata kao UI elemenata |
| nav-dolje | Za pomicanje elemenata prema dolje prema tipki sa tipkom sa strelicom prema dolje |
| nav-lijevo | Za pomicanje lijevih elemenata prema tipki sa strelicom s lijeve tipkovnice |
| nav-up | Za pomicanje elemenata prema gore s tipkom sa strelicom s lijeve tipkovnice |
| nav-desno | Za pomicanje desno elemente prema tipki sa strelicom desno tipkovnicom |
| Nacrt offset | Da biste nacrtali obris odabranog područja teksta |
Selector Types : Tipasti CSS3-ove vrste selektora su kako slijedi.
|
NAZIV VRSTE |
OPIS / ZNAČENJE |
| univerzalan | Za prikaz bilo kojeg elementa |
| Tip | Za prikaz bilo kojeg određenog elementa tipa |
| klasa | Za prikaz više elemenata različitih vrsta |
| Iskaznica | Prikazivanje i prepoznavanje pojedine vrste elementa bez utjecaja na druge |
| Dijete | Za prikaz elementa koji izravno pada pod drugi element |
| Grupiranje | Da biste prepoznali više elemenata različitih vrsta |
| Susjedni braća | Da biste dohvatili sve elemente koji imaju isti roditelj i elemente koji su u neposrednom slijedu |
| Opće sestre | Da biste preuzeli sve elemente koji imaju isti nadređeni i elemente i nisu nužno u neposrednom slijedu |
Besplatni savjeti i trikovi za korištenje cheat sheet CSS3 naredbi: -
- CSS3 način miješanja može se koristiti za objedinjavanje izgleda određenog sadržaja, a omogućuje korisnicima postavljanje različitih verzija boja slike. U CSS3 Cheat Sheetu je prisutno oko 15 vrijednosti modalnog miješanja. Također dodaje dodatnu prednost iz perspektive prikaza interfaznih prikaza korisnika.
- Isječak je još jedna sjajna značajka CSS-a. Pomoću funkcionalnosti izrezivanja korisnik može definirati vidljivost područja slike prema zahtjevu. Dakle, ako bilo koji dio slike padne izvan željenog područja, tada se može primijeniti isječak kako bi se sakrio taj dodatni dio slike.
- U slučaju CSS-a, svojstva oblika unutar i izvan oblika mogu se primijeniti za omotavanje sadržaja oko CSS prilagođenog puta i mogu se definirati i dodijeliti prema zahtjevima krajnjeg korisnika. U osnovi omogućuje korisniku da dizajnira interfazu prema definiranim specifikacijama.
- Upotreba SVG (skalabilne vektorske grafike) animacije je još jedna prednost za CSS3. Korištenje SVG-a s CSS3 animacijom interfaza će postati interaktivnija i SVG također ima svoj DOM API.
- Funkcija karte primijenit će se na sve stavke na ulaznom popisu.
- Funkcija redukcije koristi se za primjenu nekih izračuna na popisu i vraća vrijednost
- Hover efekti se mogu implementirati pomoću CSS3 Cheat Sheet
- Gooey izbornik može se implementirati pomoću CSS3 i SVG filtara i to pomaže novom reprezentativnom pristupu iz perspektive korisničkih interfaza
- Iz perspektive web dizajniranja, paralaks efekti mogu se proizvesti pomoću CSS3.
- Interaktivna 3d struktura i interfaza korisnika mogu se proizvesti pomoću CSS3
- Korištenjem različitih kombinacija za odabir, ikona formata datoteke uz vezu za preuzimanje može se proizvesti pomoću CSS3.
Zaključak
U ovom članku CSS3 varalice vidjeli smo da je CSS3 jednostavan za korištenje i njegovu sintaksu je lakše upamtiti. CSS3 se može koristiti u predstavljanju tehnologija za razvoj web stranica korištenjem različitih pristupa i tehnologija stilskog lista koji podržavaju CSS3. Na temelju vrste projektne potrebe, vremena rada i na svim drugim različitim aspektima o kojima se razgovara, CSS3 treba koristiti za postizanje željenog cilja.
Preporučeni članci
Ovo je vodič za Cheat sheet CSS3, ovdje smo razgovarali o sadržaju i naredbi, kao i besplatnim savjetima i trikovima cheat sheet CSS3, također možete pogledati sljedeći članak kako biste saznali više -
- CSS Cheat Sheet
- Cheat sheet HTML
- Iznenađujuće varalice za UNIX
- Cheat Sheet JavaScript: Značajke