Šifrant CSS - Uvod
Cascading Style Sheets, znan tudi kot CSS, je jeziček sloga, ki se uporablja za opisovanje predstavitve dokumenta, napisanega v označevalnem jeziku, kot je HTML. V bistvu poenostavlja postopek predstavitve spletnih strani. Ta upravlja z videzom in občutkom spletne strani in se uporablja za nadzor funkcij spletne strani, kot so barva besedila, slog pisave, razmik med odstavki, poravnava stolpcev, slike ozadja in barve ter številni drugi učinki . Prednosti CSS varalice so, da prihrani čas, strani se naložijo hitreje, enostavno vzdrževanje, vrhunski slogi, združljivost več naprav in globalni spletni standardi.
Ukazi in vsebina na šifrantu CSS
Osnovna sintaksa
Osnovna sintaksa CSS-a, sestavljena iz selektorja in deklaracijskih komponent. Izbirna komponenta določa element HTML, ki ga je treba oblikovati. Sestavni del deklaracije vsebuje dve ali več lastnosti in njihove specifikacije, ločene s podpičji. Sestavni del deklaracije se vedno začne in konča s kodranimi naramnicami.
Spodaj so omenjeni ukazi Cheatsheet CSS, ki izvajajo različne vrste operacij:
Specifikacija | Ukaz |
Barve | Barve so določene z uporabo vnaprej določenih imen barv ali RGB, HEX, HSL, RGBA, HSLA vrednosti. |
Ozadja | Barva ozadja elementa je določena z lastnostjo barve ozadja |
Meje |
|
Obrobja | Lastnost marže določa lastnosti robov v eni deklaraciji. |
Oblazinjenje | Lastnost nastavitve lastnosti oblazinjenja v eni deklaraciji je oblazinjenje. |
Višina širina | Lastnosti višine in širine se uporabljajo za določanje višine in širine elementa. |
Oris | Lastnost v obliki orisa določa vrsto orisa za element. |
Besedilo | Lastnost barve se uporablja za nastavitev barve besedila. |
Pisave | Lastnost družine pisav se uporablja za nastavitev pisave izbranega besedila. |
Povezave | Lastnost urejanja besedila se uporablja za odstranjevanje podčrtaj iz povezav, lastnost barve ozadja pa lahko uporabite za določitev barve ozadja povezav. |
Seznami | Lastnost slogovnega seznama nastavi lastnost seznama v eni deklaraciji. Slika-slog-seznama določa sliko kot oznako seznama. Položaj v slogu seznama določa položaj označevalca. Seznam-style-type določa vrsto označevalca elementov seznama. |
Mize | Border nastavi vse lastnosti meje v eni deklaraciji. Zlom meje določa, ali je treba mejo strniti ali ne. Mejni razmik razdalje ali razmik med sosednjimi celicami. Na strani z napisom je določena namestitev napisa. Postavitev tabele določa algoritem za postavitev tabele. |
Zaslon | Lastnost zaslona določa, ali je element prikazan in kako je prikazan. |
Maks. Širina | V postopku določitve širine blokovnega elementa bo uporaba maks. Širine izboljšala upravljanje majhnih oken v brskalniku. |
Položaj | Lastnost položaja določa položaj elementa. |
Preliv | Lastnost prelivanja nadzira besedilo, ki je preveliko, da bi se prilegalo območju. |
Plovec | Lastnost float določa, kako naj element plava. |
Brezplačni nasveti in triki o uporabi ukazov CSS na Cheat sheet:
Nekateri bistveni triki Cheat sheet CSS so naslednji.
- Box-Model: CSS Box-Model je v bistvu polje, ki se ovije okoli vsakega elementa HTML. Sestavljen je iz robov, obrob, oblazinjenja in vsebine.
- Psevdorazred: Uporablja se za definiranje določenega stanja elementa, ki vključuje drugačno oblikovanje elementa, ko uporabnik prehaja z njim, oblikovanje obiskanih in neobiskanih povezav ter oblikovanje elementov, ki so v središču pozornosti.
- Psevdoelement: uporablja se za slog dela elementa, kot je prva črka, beseda ali vrstica. Pomaga tudi pri vstavljanju vsebine pred in po vsebini elementa.
- Navpična višina zaslona: s tem določite, v kolikšni meri naj vsebina zaseda zaslon.
- Stilske telefonske povezave: Določa lastnosti povezav, ki se odpirajo kot telefonske številke na telefonu.
- Navigacijske palice: Za spletno mesto je pomembno, da ima dobro navigacijo. CSS pretvori dolgočasne menije HTML v lepo videti navigacijske vrstice.
Zaključek
Chess sheet CSS kot orodje za gradnjo spletnih strani je zelo učinkovit. Ker je možnosti za boljšo predstavitev spletnega mesta in dodajanje uporabnih funkcij več pri CSS, je veliko boljše.
Priporočeni članki
To je vodnik za Cheat sheet CSS, tukaj smo razpravljali o vsebini in ukazu ter o brezplačnih nasvetih in trikih Cheat sheet CSS. Če želite izvedeti več, si oglejte tudi naslednji članek -
- Cheat Sheet SQL
- Najboljša vprašanja o intervjuju za CSS
- Razlike med CSS in CSS3
- CSS3 Intervju Vprašanja in odgovori
- Zanimiva lista za UNIX
- Cheat Sheet JavaScript: Funkcije