Cheatsheet CSS - Introductie
Cascading Style Sheets, ook bekend als CSS, is een stijlbladtaal die wordt gebruikt om de presentatie van een document te beschrijven dat is geschreven in een opmaaktaal zoals HTML. Het vereenvoudigt in feite het proces om webpagina's presentabel te maken. Het behandelt het uiterlijk van de webpagina en wordt gebruikt om functies van een webpagina te besturen, zoals de kleur van de tekst, de stijl van de lettertypen, de afstand tussen alinea's, kolomuitlijning, achtergrondafbeeldingen en kleuren en een verscheidenheid aan andere effecten . De voordelen van een CSS-spiekbriefje zijn dat het tijd bespaart, de pagina's sneller laden, eenvoudig onderhoud, superieure stijlen, compatibiliteit met meerdere apparaten en wereldwijde webstandaarden.
Commando's en inhoud op cheatsheet CSS
Basissyntaxis
De basissyntaxis van cheatsheet CSS bestaat uit een selector en aangiftecomponenten. De selectorcomponent geeft het HTML-element aan dat moet worden gestileerd. De declaratiecomponent bevat twee of meer eigenschappen en hun specificaties gescheiden door puntkomma's. Het aangiftecomponent begint en eindigt altijd met accolades.
Hieronder staan de genoemde Cheatsheet CSS-opdrachten die verschillende soorten bewerkingen uitvoeren:
| Specificatie | Commando |
| kleuren | Kleuren worden gespecificeerd met vooraf gedefinieerde kleurnamen of RGB-, HEX-, HSL-, RGBA-, HSLA-waarden. |
| Achtergronden | De achtergrondkleur van een element wordt opgegeven door de eigenschap background-color |
| borders |
|
| marges | Met de eigenschap Marge worden de eigenschappen van de marges in één aangifte ingesteld. |
| vulling | Eigenschap voor het instellen van de opvullingseigenschappen in één aangifte is opvulling. |
| Hoogte breedte | De eigenschappen hoogte en breedte worden gebruikt om de hoogte en breedte van een element op te geven. |
| schets | De eigenschap omtrekstijl geeft het type omtrek voor een element aan. |
| Tekst | De eigenschap color wordt gebruikt om de kleur van de tekst in te stellen. |
| fonts | De eigenschap font-family wordt gebruikt om het lettertype van de geselecteerde tekst in te stellen. |
| Links | De eigenschap text-decoration wordt gebruikt om onderstreepingen uit links te verwijderen en de eigenschap background-color kan worden gebruikt om de achtergrondkleur van links op te geven. |
| lijsten | Met de eigenschap list-style wordt de eigenschap van een lijst in één aangifte ingesteld. De lijststijl-afbeelding geeft een afbeelding aan als de lijstitemmarkering. De lijststijl-positie geeft de positie van de lijstitemmarkering aan. Het lijststijltype geeft het type lijstitemmarkering aan. |
| tabellen | Met Rand stelt u alle randeigenschappen in één aangifte in. De border-collapse geeft aan of een border moet worden samengevouwen of niet. De randafstand tussen de afstand of de afstand tussen aangrenzende cellen. Het bijschrift geeft de plaatsing van een tabelbijschrift aan. De tabelindeling stelt het algoritme in voor de indeling van een tabel. |
| Scherm | De eigenschap display geeft aan of een element wordt weergegeven en hoe het wordt weergegeven. |
| Maximale wijdte | Tijdens het specificeren van de breedte van een blokelement, zal het gebruik van maximale breedte de verwerking van kleine vensters door de browser verbeteren. |
| Positie | De eigenschap position geeft de positie van een element aan. |
| Overloop | De eigenschap overloop bepaalt tekst die te groot is om in een gebied te passen. |
| Vlotter | De eigenschap float geeft aan hoe een element moet zweven. |
Gratis tips en trucs voor het gebruik van cheatsheet CSS-opdrachten: -
Enkele essentiële trucs van cheatsheet CSS zijn als volgt.
- Box-Model: Het CSS Box-Model is in wezen een box die rond elk HTML-element loopt. Het bestaat uit marges, randen, opvulling en inhoud.
- Pseudo-Klasse: wordt gebruikt om een specifieke status van een element te definiëren, waarbij een element anders wordt gestileerd wanneer een gebruiker er overheen gaat, de styling van bezochte en niet-bezochte koppelingen en styling van elementen waarop wordt gefocust.
- Pseudo-element: wordt gebruikt om een deel van een element op te maken zoals de eerste letter, het woord of de regel. Het helpt ook bij het invoegen van inhoud voor en na de inhoud van een element.
- Verticale schermhoogte: hiermee wordt aangegeven in hoeverre de inhoud het scherm moet innemen.
- Stijl telefoonverbindingen: het specificeert de eigenschappen van links die zich openen als telefoonnummers op de telefoon.
- Navigatiebalken: het is belangrijk dat een website goed navigeert. CSS transformeert saaie HTML-menu's in mooie navigatiebalken.
Conclusie
Cheatsheet CSS, als een tool voor het bouwen van websites, is zeer effectief. Aangezien de opties voor een betere presentatie van een website en het toevoegen van handige functies meer bij CSS zijn, heeft dit veel de voorkeur.
Aanbevolen artikelen
Dit is een gids voor cheatsheet CSS geweest. Hier hebben we de inhoud en het commando besproken, evenals gratis tips en trucs voor cheatsheet CSS. Raadpleeg ook het volgende artikel voor meer informatie -
- Cheatsheet SQL
- Top CSS-interviewvragen
- CSS versus CSS3 Verschillen
- CSS3 Interview Vragen en Antwoorden
- Interessant cheatsheet voor UNIX
- Cheat Sheet JavaScript: Functies