Sissejuhatus CSS-i käskudesse
CSS tähistab kaskaadlaadilehti. Seda kasutatakse dokumendi esitluse kirjeldamiseks, mis on kirjutatud märgistuskeeles nagu HTML. See teeb esitluse ja sisu lahususe, mis sisaldab erinevat paigutust, värve ja fonte. Eraldamine pakub paindlikkust ja kontrolli ka erinevates omadustes, mis võimaldavad mitmel veebilehel jagada vormingut, määrates asjakohase CSS-i. CSS spetsifikatsioone haldab World Web Consortium. Lisaks sellele pakub see ka konkreetseid reegleid, mis aitavad alternatiivsel vormindamisel, kui sisule pääseb juurde mobiilseadmest.
CSS-i põhikäsud
1. CSS-i süntaks: CSS-i käsus on rida reegleid, mida tuleb järgida. CSS-i reeglistik koosneb valijast ja deklaratsiooniplokist. Valijat kasutatakse HTML-elemendile osutamiseks, mida kasutaja soovib stiilida. Deklaratsiooniplokk võib sisaldada ühte või enamat deklaratsiooni, mida saab eraldada semikoolonitega. Igas deklaratsioonis peaks olema vara nimetus koos selle väärtusega ja eraldatud koolonitega.
2. ID-valija : id-valija saab kasutada HTML-i elemendi atribuudi ID-d ja aidata konkreetse elemendi valimisel. Seda kasutatakse ühe unikaalse elemendi valimiseks ja see element peaks sellel lehel olema kordumatu. Konkreetse id-ga elemendi valimiseks kasutatakse numbrit # ja sellele järgneb selle elemendi id.
3. Klassivalija: Klassi atribuudi valimiseks kasutatakse klassi valijat selle klassi elementide valimiseks. Konkreetse klassi elementide kasutamiseks kasutatakse perioodi (.) Tähemärki. Sellele järgneb klassi nimi. Kui kasutaja soovib kasutada ainult konkreetseid elemente, saab selle abil klass määratleda ainult need elemendid.
4. Valikute rühmitamine: on kordi, kui elementidel on samad stiilimääratlused. Parem variant on neid grupeerida ja koodi minimeerida. Rühma jaoks saab valija kasutaja kasutada koma ja eraldada iga valija
5. Märkused: Neid CSS-käske on soovitatav kasutada koodi kirjutamisel. Need annavad selguse, mida kood teeb, ja aitavad teil või kellelgi teisel, kes on koodi uus, selle järgi töötada. Brauserid ignoreerivad kommentaare. CSS-i kommentaar algab ja lõpeb numbriga / * * /.
6. Ekraan: blokeerimine - paljud HTML-elemendid on selle kuvarežiimi jaoks seatud. Vaikimisi võtavad plokktaseme elemendid sama palju ruumi ja neid ei saa asetada samale reale ühegi teise kuvarežiimiga. Võimalik on muuta elemendi kõrgust ja laiust vastavalt oma soovile.
7. Värvid CSS-is: Selles CSS-i käsus saab värve määrata RGB valemis. Iga parameeter määratleb nende värvide intensiivsuse ja uue värvi. Näiteks musta värvi kuvamiseks tuleks kõik värviparameetrid seada väärtusele RGB (0, 0, 0).
8. Taustavärv: taustavärvi omadus määratleb elemendi taustale määratava värvi. Värvi saab hõlpsasti määratleda, andes värvinime, lisades väärtuse Hex või määrates RGB väärtuse
9. Taustapilt: taustpildi saab valida mis tahes teie valitud pildi jaoks. Kui pilt on sätitud, korratakse seda ja see katab kogu elemendi.
10. CSS veerised: CSS käsul on erinevad veeriste omadused, mis aitab luua ruumi erinevate elementide ümber ja määratleb ka need välispiirid. CSS-il võivad olla sellised omadused nagu veerise ülaosa, veerise parempoolne serv, veerise alaosa ja veerise vasak vasak serv.
CSS-i vahepealsed käsud
1. Klassi- ja ID-valijad: Lisaks HTML-sildile saab kasutaja määratleda ka oma valijad, mis võivad olla klassi või ID kujul. Peamine kasutusviis on see, et teil võib olla sama HTML-element ja esitada see erinevalt, sõltuvalt ID-st või vajalikust klassist.
2. Pseudoklass: neid klasse kasutatakse konkreetse oleku või seose määramiseks antud valijaga. Need klassid võivad esineda ka valijana: pseudo_class (property: value; ). Seda klassi määratletakse lihtsalt käärsoole andmisega selektori ja pseudoklassi vahel.
3. Teksti vormindamine: lisatud tekste saab kohandada ja vormindada, kasutades vormindamisomadusi. Värvi saab muuta märksõnaga 'värv'. Nii saab ka teksti joondamine. Tekste kaunistades saab dekoratsioone seada ja eemaldada. Muundusi saab teha vastavalt juhtumitele.
4. CSS-i fondid: CSS-i fondidel on erinevad perekonnad, näiteks üldine perekond ja fondiperekond. Fondiperekond on tekstide perekond. Üldine, millel on rühm peresid, kellel on sarnane välimus ja kirjasuhe, ning konkreetsel kirjas.
5. Ikoonid: ikooniteeki kasutades ja määratud ikooniklassi ikoonide nime lisamisega saab CSS-is hõlpsalt kasutada.
6. Tabelid: CSS võib kuvada ka tabeleid ja abistada ääriste, nende laiuse ja kõrguse kohandamisel. Kasutades märksõnu, näiteks „ääris”, „laius” ja kõrgus, saab kasutaja hõlpsalt tabeleid veebilehele panna.
7. Positsioneerimine: see omadus täpsustab positsioneerimismeetodi tüübi, mida saab kasutada mis tahes elemendi jaoks. See asend võib olla staatiline, suhteline, fikseeritud, absoluutne või kleepuv.
8. Ülevool: see omadus aitab juhtida sisu, mis on ala jaoks sobivaks liiga suur.
9. Ujuk: ujuki omadus annab elemendile teada, kuidas see peaks hõljuma. See täpsustab, millised elemendid võivad hõljuda tühjendatud elementide kõrval.
10. Läbipaistmatus: see omadus määratleb mis tahes elemendi läbipaistmatuse või läbipaistvuse.
CSS täpsemad käsud
1. CSS ümardatud nurgad: kasutades omadust 'raadiuse raadius', saab elemendile anda ümardatud nurgad. Samuti saate nelja nurga alt määrata konkreetse nurga ja teha muudatused vastavalt oma valikule.
2. Äärispildid : pildi saab seada ääriseks mis tahes elemendi ümber. See on võimalik, kasutades piiripildi omadust. See võtab pildi ja tükeldab selle üheksaks sektsiooniks ning asetab seejärel nurgad nurkadesse ja keskmisi sektsioone korratakse või venitatakse.
Näpunäited CSS-käskude kasutamiseks:
- Kasutage reset.css ja lähtestage kõik põhistiilid.
- Kasutage lühendatud viisi CSS-koodide kirjutamiseks lühendatud CSS-i.
- Kasutage CSS-i silumisriistu CSS-i käsu stiilide täpsustamiseks, mõistmiseks ja silumiseks.
Järeldus
CSS-käsk aitab teil hoida dokumendi informatiivset sisu eraldi ja aitab seda kuvada. See aitab vältida dubleerimist, hooldada koodi hõlpsalt ja kasutada sama sisu erinevate stiilidega.
Soovitatavad artiklid
See on olnud CSS-i käskude juhend. Siin oleme arutanud nii põhilisi, keskmisi kui ka täiustatud CSS-käske. Lisateabe saamiseks võite vaadata ka järgmist artiklit -
- Kõige populaarsemad MySQL-i käsud
- PL / SQL käsud
- SQL-käskude kasutamine
- Nurga käsud