Snyderi CSS - Introduktion
Cascading Style Sheets, også kendt som CSS, er et stilarksprog, der bruges til at beskrive præsentationen af et dokument skrevet på et markeringssprog som HTML. Det forenkler dybest set processen med at gøre websider præsenterbare. Det håndterer udseendet og følelsen af websiden og bruges til at kontrollere funktioner på en webside som farven på teksten, typografien på skrifttyperne, afstanden mellem afsnit, kolonnejustering, baggrundsbilleder og farver og en række andre effekter . Fordelene ved et CSS-snyderi er, at det sparer tid, siderne indlæses hurtigere, nem vedligeholdelse, overlegen stilarter, flere enhedskompatibilitet og globale webstandarder.
Kommandoer og indhold på snydeark CSS
Grundlæggende syntaks
Den grundlæggende syntaks for snyderis CSS består af en vælger og deklareringskomponenter. Vælgerkomponenten specificerer det HTML-element, der skal styles. Deklarationskomponenten indeholder to eller flere egenskaber og deres specifikationer adskilt med semikolon. Deklarationskomponenten starter altid og slutter med krøllede seler.
Herunder er de nævnte Cheatsheet CSS-kommandoer, der udfører forskellige slags operationer:
Specifikation | Kommando |
farver | Farver specificeres ved hjælp af foruddefinerede farvenavne eller RGB, HEX, HSL, RGBA, HSLA værdier. |
Baggrundsbilleder | Baggrundsfarve på et element specificeres af egenskaben baggrundsfarve |
Grænser |
|
Margener | Marginalegenskab angiver egenskaberne for marginerne i en erklæring. |
polstring | Egenskab til indstilling af polstringegenskaber i en erklæring er polstring. |
Højde bredde | Højde- og breddeegenskaber bruges til at specificere et elements højde og bredde. |
Omrids | Egenskaben konturstil angiver typen af konturen for et element. |
Tekst | Farveegenskab bruges til at indstille farven på tekst. |
Skrifttyper | Font-familie-egenskaben bruges til at indstille skrifttypen på den valgte tekst. |
Links | Egenskaben med tekstdekoration bruges til at fjerne understreg fra links, og egenskaben baggrundsfarve kan bruges til at specificere linkets baggrundsfarve. |
Lister | Egenskaben listetype indstiller egenskaberne for en liste i en erklæring. Listestil-billedet specificerer et billede som markeringsliste. Listestil-positionen specificerer placeringen af listepunktsmarkøren. Listestil-typen specificerer typen af markeringsliste. |
Borde | Grænse angiver alle grænseegenskaber i en erklæring. Grænse-sammenbruddet specificerer, om en grænse skal kollapses eller ej. Kanten mellemrum afstanden eller afstanden mellem tilstødende celler. Billedtekst-siden specificerer placeringen af en tabeltekst. Tabellayouten indstiller algoritmen til opstillingen af en tabel. |
Skærm | Displayegenskaben specificerer, om et element skal vises, og hvordan det vises. |
Max-Width | I processen med at specificere bredden af et blokelement forbedrer brugen af maksimal bredde browserens håndtering af små vinduer. |
Position | Positionsejendommen specificerer placeringen af et element. |
Flyde over | Overløbsejendommen kontrollerer tekst, der er for stor til at passe ind i et område. |
Flyde | Float-egenskaben specificerer, hvordan et element skal flyde. |
Gratis tip og tricks ved brug af snyderis CSS-kommandoer: -
Nogle vigtige tricks med snyderi CSS er som følger.
- Box-Model: CSS Box-Model er i det væsentlige en boks, der ombrydes omkring hvert HTML-element. Det består af marginer, rammer, polstring og indhold.
- Pseudo-klasse: bruges til at definere en bestemt tilstand af et element, der involverer styling af et element forskelligt, når en bruger mouses over det, styling af besøgte og ikke-opdagede links og styling af elementer, der er under fokus.
- Pseudo-element: Bruges til at style en del af et element som det første bogstav, ord eller linje. Det hjælper også med at indsætte indhold før og efter indholdet af et element.
- Lodret skærmhøjde: Dette er for at specificere, i hvilket omfang indholdet skal besætte skærmen.
- Stil telefonlink: Det specificerer egenskaberne for links, der åbnes som telefonnumre på telefonen.
- Navigationsbarer: Det er vigtigt, at et websted har god navigation. CSS omdanner kedelige HTML-menuer til flotte navigationsbjælker.
Konklusion
Cheat sheet CSS, som et webstedsbygningsværktøj, er meget effektivt. Da mulighederne for bedre præsentation af et websted og tilføjelse af nyttige funktioner er mere med CSS, foretrækkes det meget.
Anbefalede artikler
Dette har været en guide til Cheat sheet CSS her, vi har diskuteret indhold og kommando samt gratis tip og tricks af snyderis CSS. Du kan også se på følgende artikel for at lære mere -
- Cheat Sheet SQL
- Top CSS-interviewspørgsmål
- CSS vs CSS3 Forskelle
- CSS3 Interview Spørgsmål og svar
- Interessant snyderi til UNIX
- Cheat Sheet JavaScript: Funktioner