Petuleht CSS - sissejuhatus
Kaskaadstiililehed, tuntud ka kui CSS, on stiililehtede keel, mida kasutatakse märgistuskeeles (nt HTML) kirjutatud dokumendi kirjeldamiseks. Põhimõtteliselt lihtsustab see veebilehtede esinduslikumaks muutmist. See haldab veebilehe ilmet ja olemust ning seda kasutatakse veebilehe funktsioonide, näiteks teksti värvi, fontide stiili, lõikude vahelise paigutuse, veergude joondamise, taustpiltide ja värvide ning paljude muude efektide juhtimiseks. . CSS-i peletuslehe eelisteks on see, et see säästab aega, lehed laaditakse kiiremini, lihtne hooldus, parem stiil, mitme seadme ühilduvus ja globaalsed veebistandardid.
Käsud ja sisu Cheat sheet CSS-is
Põhisüntaks
Petulehe CSS põhiline süntaks koosneb valijast ja deklareerimiskomponentidest. Valikukomponent määrab HTML-i elemendi, mis tuleb kujundada. Deklaratsiooni komponent sisaldab kaht või enamat omadust ja nende spetsifikatsioonid eraldatakse semikoolonitega. Deklaratsiooni komponent algab ja lõpeb alati lokkis traksidega.
Allpool on mainitud Cheatsheet CSS-i käsud, mis teostavad erinevat tüüpi toiminguid:
| Spetsifikatsioon | Käsk |
| Värvid | Värvide täpsustamiseks kasutatakse eelnevalt määratletud värvinimesid või RGB, HEX, HSL, RGBA, HSLA väärtusi. |
| Taustad | Elemendi taustavärvi määrab taustavärvi omadus |
| Piirid |
|
| Veerised | Veerise vara seab veeriste omadused ühes deklaratsioonis. |
| Polsterdamine | Polstrite omaduste seadmiseks ühes deklaratsioonis on polsterdus. |
| Kõrgus laius | Elemendi kõrguse ja laiuse määramiseks kasutatakse kõrguse ja laiuse omadusi. |
| Kontuur | Kontuuri stiili atribuut määrab elemendi kontuuri tüübi. |
| Tekst | Värviomadust kasutatakse teksti värvi määramiseks. |
| Fondid | Fondiperekonna omadust kasutatakse valitud teksti fondi seadistamiseks. |
| Lingid | Teksti kaunistamise omadust kasutatakse linkidelt allajoonte eemaldamiseks ja taustavärvi omadust saab kasutada linkide taustavärvi määramiseks. |
| Nimekirjad | Loendi stiilis atribuut seab loendi atribuudi ühes deklaratsioonis. Loendilaadne pilt määratleb pildi loendielementide markerina. Loendi stiiliasend täpsustab loendielemendi positsiooni. Loendi stiili tüüp määrab loendiüksuse markeri tüübi. |
| Lauad | Border seab kõik piiriomadused ühes deklaratsioonis. Piiri kokkuvarisemine täpsustab, kas piir tuleks kokku variseda või mitte. Piiride vahekaugus või kaugus külgnevate lahtrite vahel. Tiitrite pool täpsustab tabeli pealdise paigutust. Tabeli paigutus määrab tabeli paigutuse algoritmi. |
| Kuva | Kuvari omadus täpsustab, kas elementi kuvatakse ja kuidas seda kuvatakse. |
| Maksimaalne laius | Plokkielemendi laiuse määramisel parandab max-laiuse kasutamine brauseri väikeste akende käsitlemist. |
| Asend | Positsiooni omadus täpsustab elemendi positsiooni. |
| Ülevool | Ülevoolu omadus kontrollib teksti, mis on ala jaoks mahutamiseks liiga suur. |
| Ujuk | Ujuki omadus täpsustab, kuidas element peaks hõljuma. |
Tasuta näpunäited ja näpunäited CSS-käskude petamise lehe kasutamiseks: -
CSS-i petupaberi mõned olulised nipid on järgmised.
- Box-Model: CSS Box-Model on sisuliselt kast, mis ümbritseb iga HTML-i elementi. See koosneb veeristest, ääristest, polstrist ja sisust.
- Pseudoklass: kasutatakse elemendi konkreetse oleku määratlemiseks, mis hõlmab elemendi teistsugust kujundamist, kui kasutaja hiirega üle selle liigutab, külastatud ja nägemata linkide kujundamisel ning tähelepanu all olevate elementide kujundamisel.
- Pseudo-element: kasutatakse sellise elemendi stiili kujundamiseks nagu esitäht, sõna või rida. See aitab ka sisu sisestamisel enne ja pärast elemendi sisu.
- Ekraani vertikaalne kõrgus: see täpsustab, mil määral sisu peaks ekraani hõivama.
- Stiiltelefonilinkid: see täpsustab lingide omadused, mis avanevad telefonil telefoninumbrina.
- Navigeerimisribad: Veebisaidil on oluline hea navigeerimine. CSS muudab igavad HTML-menüüd nägusateks navigeerimisribadeks.
Järeldus
Cheat sheet CSS kui veebisaidi loomise tööriist on väga tõhus. Kuna veebisaidi paremaks esitamiseks ja kasulike funktsioonide lisamiseks on rohkem võimalusi CSS-is, on see palju eelistatud.
Soovitatavad artiklid
See on juhend Cheat sheet CSS-i jaoks, siin oleme arutanud cheat sheet CSS-i sisu ja käske ning tasuta näpunäiteid ja näpunäiteid. Lisateabe saamiseks võite vaadata ka järgmist artiklit -
- Petmise lehe SQL
- CSS-i peamised intervjuuküsimused
- CSS vs CSS3 erinevused
- CSS3 intervjuu küsimused ja vastused
- Huvitav UNIX-i petuleht
- Cheat Sheet JavaScript: funktsioonid