Uvod v Cheatsheet CSS3
Cascading Stylesheet (CSS) je v bistvu jezik lista, ki se uporablja za izvajanje videza in oblikovanja dokumenta, razvitega v označevalnem jeziku. Specifikacije CSS v glavnem vzdržuje konzorcij World Wide Web Consortium (W3C). Glavni moto za izvajanje CSS je prikazati ločitev predstavitve in vsebine, ki vključuje fronte, formate postavitve. CSS3 je zadnja različica ali standard za CSS po CSS2. CSS3 je v glavnem kombinacija specifikacij CSS2 in nekaterih novih funkcionalnosti.
Spodaj najdete nekaj pomembnih modulov Cheatsheet CSS3:
- Model škatle
- Izbirniki
- Besedilni učinki
- 2D transformacije
- 3D transformacije
- Predstavitev slike
- Uporabniški interfaz
- Več postavitev stolpcev
- Animacije
- Prilagoditev vsebine in prerazporeditev
V tem članku Cheatsheet CSS3 bomo razpravljali o tem, kaj je CSS3 in o različnih ukazih CSS3.
Ukazi in vsebina na Cheatsheet CSS3
CSS3 ima obsežno knjižnico, interaktivno, razširljivo in vsebuje veliko vgrajenih metod za izračun običajnih operacij. Spodaj so omenjeni ukazi Cheatsheet CSS3, ki izvajajo različne operacije v ukazni vrstici:
|
KOMANDA |
OPIS |
| : fokus | Da se osredotočimo na element |
| : aktivno | Za prikaz in izbiro aktivnega elementa |
| : omogočeno | Za prikaz elementa, ki je omogočen |
| : označeno | Za prikaz preverjenega elementa |
| : lang | Razvijalcu omogočite, da določi jezik za določen element |
| : izbor | Za prikaz elementa, ki je označen in izbran |
| : koren | Za prikaz korenskega elementa v dokumentu |
| : prvorojenec | Za prikaz prvega bračnega elementa |
| : zadnji otrok | Za prikaz zadnjega bračnega elementa |
| : samo otrok | Za prikaz edinega podrejenega elementa |
| : prvovrstna | Za prikaz prvega bračnega elementa določene vrste |
| : zadnji tip | Za prikaz zadnjega sorodnega elementa določene vrste |
| : samo tipa | Za prikaz edinega sorodnega elementa določene vrste |
| : prazno | Za prikaz elementa, ki nima otrok |
| :: prva črka | Če želite prvi črki besedila dodati določen slog |
| ::prva vrsta | Če želite prvi vrstici besedila dodati določen slog |
| :: po | Če želite vstaviti nekaj vsebine za besedilni element |
| :: prej | Če želite vnesti nekaj vsebine pred besedilni element |
Operaterji: - različne vrste operaterjev v CSS3 so primerjalni (relacijski) operaterji, operaterji dodeljevanja, logični operaterji in identitetni operaterji.
Merilne lestvice: Merilne lestvice na šifrantu CSS3 so naslednje
|
MERITEV / PARAMETER |
OPIS |
| em | Velikost pisave trenutnega elementa |
| na primer | Višina pisave elementa |
| px | Ogled piksle naprave |
| rem | Velikost pisave koreninskega elementa |
| vh | Višina Viewporta |
| vw | Širina razglednega polja |
| % | Odstotek |
| kos | Pica |
| pt | Točka |
Barvna koda: Ime barve = rdeča, modra, zelena in temno zelena. Poiščite spodaj kode za isto
|
KODA |
OPIS / POMEN |
| rgb (x, y, z) | Za rdeče = rgb (255, 0, 0) |
| rgb (x%, y%, z%) | Za rdečo = rgb (100%, 0, 0) |
| #rrggbb | Za rdečo = # ff000 |
| flabor | Uporabniško izbrana barva prilagodi uporabniško medfazo |
| rgba (x, y, z, alfa) | Za rdeče = rgb (255, 0, 0) |
Lastnosti uporabniškega interfaza : CSS3 lastnosti medfaznih uporabniških listov na šifrantu so naslednje.
|
VREDNOTE NEPREMIČNINE |
OPIS |
| ikono | Za zagotovitev ikone na območju |
| spremenite velikost | Če želite spremeniti velikost določenih elementov območja |
| velikost škatle | Če želite določiti določeno območje elementa |
| videz | Za izvedbo elementov kot elementov uporabniškega vmesnika |
| navzdol navzdol | Če želite premikati elemente navzdol po tipki s puščico navzdol |
| nav levo | Za premikanje levih elementov glede na tipko s puščico levo |
| nav-up | Za premikanje elementov navzgor po tipki s puščico levo |
| nav-desno | Če želite premikati elemente desno, v skladu s tipko puščice desno |
| oris-odmik | Če želite narisati oris izbranega območja besedila |
Vrste izbirnikov : Tipske vrste CSS3 izbirnika so na naslednji način.
|
VRSTO IME |
OPIS / POMEN |
| Univerzalno | Za prikaz katerega koli elementa |
| Vtipkajte | Za prikaz katerega koli specifičnega elementa tipa |
| Razred | Za prikaz več elementov različnih vrst |
| Id | Prikazovanje in prepoznavanje posamezne posebne vrste elementov brez vpliva na druge |
| Otrok | Za prikaz elementa, ki neposredno sodi pod druge elemente |
| Razvrščanje v skupine | Za prepoznavanje več elementov različnih vrst |
| Sosednja soproga | Za pridobitev vseh elementov, ki imajo isti nadrejeni element in so v neposrednem zaporedju |
| Splošni brat | Za pridobitev vseh elementov, ki imajo isti nadrejeni element in niso nujno v neposrednem zaporedju |
Brezplačni nasveti in nasveti za uporabo ukazov listov CSS3: -
- Način mešanja CSS3 lahko uporabite za poenotenje videza določene vsebine in uporabnikom omogoča tudi nastavitev različnih različic barvnih slik. V CSS3 Cheat Sheet je približno 15 vrednosti načina mešanja. Prav tako dodaja dodatno prednost z vidika uporabniške medfazne predstavitve.
- Klipiranje je še ena odlika CSS-ja. S funkcijo izrezovanja lahko uporabnik določi vidnost območja slike glede na zahtevo. Torej, če kateri koli del slike pade zunaj želenega območja, potem je mogoče izrezati, da skrijete to dodatno območje slike.
- V primeru CSS je mogoče uporabiti lastnosti v obliki in zunaj oblike za ovijanje vsebine okoli poti, prilagojene CSS, in jo lahko določite in dodelite glede na zahteve končnega uporabnika. V bistvu omogoča uporabniku, da oblikuje interfazo v skladu z določenimi specifikacijami.
- Uporaba CSG (razširljive vektorske grafike) animacije je še ena prednost za CSS3. Z uporabo SVG z CSS3 animacijo bo interfaza postala bolj interaktivna in SVG ima tudi svoj DOM API.
- Funkcija map bo uporabljena za vse elemente na vhodnem seznamu.
- Funkcija zmanjšanja se uporablja za uporabo nekaterih izračunov na seznamu in vrne vrednost
- Učinki hoverja se lahko izvajajo s pomočjo CSS3 Cheat Sheet
- Gooey meni se lahko izvede s pomočjo filtrov CSS3 in SVG, kar pomaga novemu reprezentativnemu pristopu z vidika uporabniških medfaznih
- Z vidika spletnega oblikovanja je mogoče s pomočjo CSS3 ustvariti vzporedne učinke.
- Z uporabo CSS3 je mogoče izdelati interaktivno 3D strukturo in uporabniško interfazo
- Z uporabo različnih izbirnih kombinacij lahko s CSS3 ustvarite ikono datoteke poleg povezave za prenos.
Zaključek
V tem članku Cheat sheet CSS3 smo videli, da je CSS3 enostaven za uporabo in njegovo skladnjo je lažje zapomniti. CSS3 je mogoče uporabiti pri predstavitvi tehnologij spletnega razvoja z uporabo različnih pristopov in tehnologij, ki podpirajo CSS3. Na podlagi vrste potrebe po projektu, časa dela in na vseh drugih različnih obravnavanih vidikih je treba za dosego želenega cilja uporabiti CSS3.
Priporočeni članki
To je vodnik za Cheat sheet CSS3, tu smo razpravljali o vsebini in ukazu ter o brezplačnih nasvetih in trikih goljufije CSS3, če želite izvedeti več, pa si oglejte tudi naslednji članek -
- CSS Cheat Sheet CSS
- HTML goljufija
- Amazing Cheat sheet za UNIX
- Cheat Sheet JavaScript: Funkcije