Jukseark CSS - Introduksjon
Cascading Style Sheets, også kjent som CSS, er et stilark som brukes til å beskrive presentasjonen av et dokument skrevet på et markeringsspråk som HTML. Det forenkler i utgangspunktet prosessen med å gjøre websider presentabel. Den håndterer utseendet og følelsen på websiden og brukes til å kontrollere funksjoner på en webside som fargen på teksten, stilen på skriftene, avstanden mellom avsnitt, kolonnejustering, bakgrunnsbilder og farger og en rekke andre effekter . Fordelene med et CSS-jukseark er at det sparer tid, sidene lastes raskere, enkelt vedlikehold, overlegne stiler, flere enhetskompatibilitet og globale nettstandarder.
Kommandoer og innhold på Cheat sheet CSS
Grunnleggende syntaks
Den grunnleggende syntaks for jukseark CSS består av en velger og deklarasjonskomponenter. Velgerkomponenten spesifiserer HTML-elementet som må styles. Deklarasjonskomponenten inneholder to eller flere egenskaper og deres spesifikasjoner atskilt med semikolon. Deklarasjonskomponenten starter alltid og slutter med krøllete seler.
Nedenfor er Cheatsheet CSS-kommandoer nevnt som utfører forskjellige typer operasjoner:
| spesifikasjon | Kommando |
| Farger | Farger er spesifisert ved å bruke forhåndsdefinerte fargenavn eller RGB, HEX, HSL, RGBA, HSLA verdier. |
| bakgrunn | Bakgrunnsfargen til et element er spesifisert av bakgrunnsfargeegenskapen |
| Borders |
|
| marginene | Margin-egenskapen angir egenskapene til marginene i en erklæring. |
| padding | Egenskapen for å sette polstringegenskapene i en deklarasjon er polstring. |
| Høyde bredde | Høyden og breddeegenskapene brukes til å spesifisere høyden og bredden på et element. |
| Outline | Egenskapen disposisjonsstil spesifiserer omrissetypen for et element. |
| Tekst | Fargeegenskapen brukes til å angi farge på tekst. |
| fonter | Font-familieegenskapen brukes til å angi skriften til den valgte teksten. |
| lenker | Tekstdekorasjonsegenskapen brukes til å fjerne understrek fra lenker, og bakgrunnsfargeegenskapen kan brukes til å spesifisere bakgrunnsfargen på lenker. |
| lister | Egenskapen med listestil angir egenskapen til en liste i en erklæring. Listestilbildet spesifiserer et bilde som listeelementmarkør. Listestil-posisjonen spesifiserer posisjonen til listeelementmarkøren. Listestil-typen spesifiserer typen listelementmarkør. |
| tabeller | Border angir alle grenseegenskapene i en deklarasjon. Grensekollaps spesifiserer om en grense skal kollapses eller ikke. Grenseavstanden til avstanden eller avstanden mellom tilstøtende celler. Bildetekstsiden angir plasseringen av en tabelltekst. Tabelloppsettet angir algoritmen for oppsettet til en tabell. |
| Vise | Skjermegenskapen spesifiserer om et element vises og hvordan det vises. |
| Max-Width | I prosessen med å spesifisere bredden på et blokkeringselement, vil bruken av maksbredde forbedre nettleserens håndtering av små vinduer. |
| Posisjon | Posisjonsegenskapen spesifiserer posisjonen til et element. |
| Flyte | Overstrømningseiendommen kontrollerer tekst som er for stor til å passe inn i et område. |
| Flyte | Float-egenskapen spesifiserer hvordan et element skal flyte. |
Gratis tips og triks for å bruke Cheat sheet CSS-kommandoer: -
Noen viktige triks med jukseark CSS er som følger.
- Box-Model: CSS Box-Model er egentlig en boks som vikles rundt hvert HTML-element. Den består av marginer, grenser, polstring og innhold.
- Pseudo-klasse: Brukes til å definere en spesifikk tilstand for et element som involverer styling av et element på en annen måte når en bruker mouser over det, styling av besøkte og uoppdagede lenker og styling av elementer som er under fokus.
- Pseudo-element: Brukes til å style en del av et element som første bokstav, ord eller linje. Det hjelper også med å sette inn innhold før og etter innholdet i et element.
- Vertikal skjermhøyde: Dette for å spesifisere i hvilken grad innholdet skal oppta skjermen.
- Stil telefonkoblinger: Den spesifiserer egenskapene til lenker som åpnes som telefonnumre på telefonen.
- Navigasjonsrader: Det er viktig for en webside å ha god navigasjon. CSS transformerer kjedelige HTML-menyer til flotte navigeringslinjer.
Konklusjon
Jukseark CSS, som verktøy for å bygge nettsteder, er veldig effektivt. Siden alternativene for bedre presentasjon av et nettsted og legge til nyttige funksjoner er mer med CSS, er det mye foretrukket.
Anbefalte artikler
Dette har vært en guide til Cheat sheet CSS her vi har diskutert innhold og kommando samt gratis tips og triks for cheat sheet CSS. Du kan også se på følgende artikkel for å lære mer -
- Cheat Sheet SQL
- Topp CSS intervjuspørsmål
- CSS vs CSS3 Forskjeller
- CSS3 intervjuspørsmål og svar
- Interessant jukseark for UNIX
- Cheat Sheet JavaScript: Funksjoner