Fuskark CSS - Introduktion
Cascading Style Sheets, även känd som CSS, är ett stilark som används för att beskriva presentationen av ett dokument skrivet på ett markeringsspråk som HTML. Det förenklar i princip processen att göra webbsidor presentabla. Den hanterar utseendet och känslan på webbsidan och används för att kontrollera funktioner på en webbsida som färgen på texten, stil på teckensnitt, avståndet mellan stycken, kolumnjustering, bakgrundsbilder och färger och en mängd andra effekter . Fördelarna med ett CSS-fuskblad är att det sparar tid, sidorna laddas snabbare, enkelt underhåll, överlägsna stilar, flera enhetskompatibilitet och globala webbstandarder.
Kommandon och innehåll på Cheat sheet CSS
Grundläggande syntax
Den grundläggande syntaxen för fuskark CSS består av en väljare och deklarationskomponenter. Väljarkomponenten anger HTML-elementet som måste utformas. Deklarationskomponenten innehåller två eller flera egenskaper och deras specifikationer separerade med semikolon. Deklarationskomponenten startar alltid och slutar med lockiga hängslen.
Nedan visas Cheatsheet CSS-kommandon som nämns som utför olika typer av operationer:
Specifikation | Kommando |
Färger | Färger anges med fördefinierade färgnamn eller RGB-, HEX-, HSL-, RGBA-, HSLA-värden. |
bakgrunder | Bakgrundsfärgen för ett element specificeras av bakgrundsfärgegenskapen |
Gränser |
|
marginaler | Marginalegenskapen anger marginalernas egenskaper i en deklaration. |
Stoppning | Egenskap för att ställa in vaddningsegenskaperna i en deklaration är vaddering. |
Höjd bredd | Egenskaperna för höjd och bredd används för att specificera ett elementets höjd och bredd. |
Översikt | Egenskapen konturstil anger typen av konturer för ett element. |
Text | Färgegenskapen används för att ställa in färg på text. |
typsnitt | Egenskapen font-family används för att ställa in teckensnitt för den valda texten. |
länkar | Egenskapen textdekoration används för att ta bort understreck från länkar och egenskapen bakgrundsfärg kan användas för att specificera bakgrundsfärgen på länkar. |
listor | Egenskapen i liststil anger en listas egendom i en deklaration. List-stil-bilden anger en bild som listobjektmarkör. List-stil-position anger positionen för listobjektmarkören. List-stil-typ specificerar typen av listobjektmarkör. |
tabeller | Border anger alla gränseegenskaper i en deklaration. Gräns-kollaps anger om en gräns ska kollapsas eller inte. Gränsen fördelar avståndet eller avståndet mellan angränsande celler. Bildtextsidan anger placeringen av en tabelltexter. Tabelllayouten ställer in algoritmen för layouten på en tabell. |
Visa | Displayegenskapen anger om ett element ska visas och hur det ska visas. |
Maximal bredd | I processen att specificera bredden på ett blockelement kommer användningen av maxbredd att förbättra webbläsarens hantering av små fönster. |
Placera | Positionsegenskapen anger positionen för ett element. |
Svämma över | Överflytningsegenskapen styr text som är för stor för att passa in i ett område. |
Flyta | Egenskaperna för flottör anger hur ett element ska flyta. |
Gratis tips och tricks för att använda Cheat sheet CSS-kommandon: -
Vissa väsentliga trick med fuskschema CSS är följande.
- Box-Model: CSS Box-Model är i huvudsak en ruta som lindas runt varje HTML-element. Det består av marginaler, gränser, stoppning och innehåll.
- Pseudo-klass: Används för att definiera ett specifikt tillstånd för ett element som involverar styling av ett element annorlunda när en användare musar över det, styling av besökta och osynliga länkar och styling av element som är i fokus.
- Pseudo-element: Används för att utforma en del av ett element som den första bokstaven, ordet eller raden. Det hjälper också till att infoga innehåll före och efter innehållet i ett element.
- Vertikal skärmhöjd: Detta för att ange i vilken utsträckning innehållet ska uppta skärmen.
- Stil telefonlänkar: Den anger egenskaperna för länkar som öppnas som telefonnummer på telefonen.
- Navigeringsfält: Det är viktigt för en webbplats att ha bra navigering. CSS omvandlar tråkiga HTML-menyer till snygga navigationsfält.
Slutsats
Fuskark CSS, som verktyg för webbplatsbyggnad, är mycket effektivt. Eftersom alternativen för bättre presentation av en webbplats och lägga till användbara funktioner är mer med CSS är det mycket att föredra.
Rekommenderade artiklar
Detta har varit en guide till fuskark CSS här vi har diskuterat innehåll och kommando samt gratis tips och tricks för fuskark CSS. Du kan också titta på följande artikel för att lära dig mer -
- Cheat Sheet SQL
- Topp CSS intervjufrågor
- CSS vs CSS3 skillnader
- CSS3 intervjufrågor och svar
- Intressant fuskblad för UNIX
- Cheat Sheet JavaScript: Funktioner