Oju-ara ati oju-iwe ayelujara ti oju-iwe ayelujara kan ti wa ni titẹ nipasẹ CSS tabi Awọn Ẹrọ Ọja Cascading. Awọn wọnyi ni awọn iwe aṣẹ ti o ṣe apẹrẹ awọn HTML tagup, pese awọn burausa wẹẹbu pẹlu awọn itọnisọna lori bi a ṣe le ṣafihan awọn oju-iwe ti o dabajade lati ọwọ. CSS ṣe apẹrẹ oju-iwe ti oju-iwe kan, bakanna bi awọ, awọn aworan ti o wa, awọn aworan, ati pupọ siwaju sii.
Ti o ba wo faili CSS, iwọ yoo ri pe bi eyikeyi ifihan tabi ede coding, awọn faili wọnyi ni sisọ kan pato si wọn. Iwọn-ara kọọkan jẹ nọmba ti awọn ofin CSS. Awọn ofin wọnyi, nigba ti o ba ya ni kikun, awọn ọna wo ni o jẹ oju-iwe naa.
Awọn Abala ti ofin CSS kan
Ofin CSS jẹ awọn ẹya meji ti o yatọ - oluṣowo ati asọsọ. Aṣayan naa ni ipinnu ohun ti a ti ṣe ni titẹ lori oju-iwe kan ati pe asọtẹlẹ jẹ bi o ṣe yẹ ki o ṣe apẹrẹ. Fun apere:
p {
awọ: # 000;
}
Eyi ni ofin CSS. Ipin apakan ti a yan ni "p", eyi ti o jẹ oluṣayan afayan fun "paragira". Nitorina, yoo yan awọn ìpínrọ ALL ni aaye kan ki o si fun wọn ni ọna yii (ayafi ti awọn paragi ti o wa ni ifojusi nipasẹ awọn pato pato ni ibomiiran ninu iwe CSS rẹ).
Apa ti ofin ti o sọ "awọ: # 000;" jẹ ohun ti a mọ gẹgẹbi ikede naa. Ikede naa jẹ awọn ege meji - ohun ini ati iye.
Ohun ini ni nkan "awọ" ti asọye yii. O ṣe apejuwe iru abala ti oludari yoo yi oju pada.
Iye naa jẹ ohun ti a yan CSS ti a yan ni yoo yipada si. Ninu apẹẹrẹ wa, a nlo iye hex # # # 000, ti o jẹ CSS ni kukuru fun "dudu".
Nítorí lilo ilana CSS yii, oju-iwe wa yoo ni awọn paragirafi ti a fihan ni awọ-awọ ti dudu.
CSS Awọn ohun ini
Nigba ti o ba kọ awọn ẹtọ CSS, iwọ ko le ṣe wọn nikan bi o ti yẹ. Fun awọn igba, "awọ" jẹ ohun ini CSS gangan, nitorina o le lo o. Ohun ini yi ni ohun ti npinnu awọ ọrọ ti ẹya ano. Ti o ba gbiyanju lati lo "awọ-awọ" tabi "awọ-awọ" bi awọn ẹtọ CSS, awọn wọnyi yoo kuna nitori pe wọn kii ṣe awọn ẹya gangan ti ede CSS.
Apeere miiran jẹ ohun ini "aworan-lẹhin". Ohun-ini yi ṣeto aworan kan ti a le lo fun isale, bii eyi:
.logo {
lẹhin-aworan: url (/images/company-logo.png);
}
Ti o ba gbiyanju lati lo "aworan isale" tabi "akọle aworan" gẹgẹbi ohun-ini, wọn yoo kuna nitori, lekan si, awọn wọnyi kii ṣe awọn ẹtọ CSS gangan.
Diẹ ninu awọn ohun elo CSS
Awọn nọmba CSS wa ti o le lo lati ṣe akopọ aaye kan. Diẹ ninu awọn apeere ni:
- Aala (pẹlu iha-aala, awọ-aala, ati iwọn ila-aala)
- Padding (pẹlu padlock-top, padding-right, padding-bottom, and padding-left)
- Awọn aṣayan (pẹlu apa-oke, apa-ọtun, apa-isalẹ, ati apa-osi)
- Font-family
- Font-size
- Awọ abẹlẹ
- Iwọn
- Iga
Awọn ẹtọ CSS wọnyi jẹ awọn nla lati lo bi apẹẹrẹ, nitoripe gbogbo wọn ni o rọrun pupọ ati, paapa ti o ko ba mọ CSS, o le jasi ohun ti wọn ṣe da lori awọn orukọ wọn.
Awọn ohun elo CSS miiran wa ti iwọ yoo pade bi daradara eyi ti o le ma jẹ bi o ṣe kedere bi wọn ti ṣiṣẹ da lori orukọ wọn:
- Igun omi
- Pa
- Opo omi
- Ọrọ-iyipada
- Z-atọka
Bi o ṣe n jinlẹ sinu apẹrẹ ayelujara, iwọ yoo ba pade (ati lo) gbogbo awọn ini ati diẹ sii!
Awọn iwulo Iyatọ nilo
Ni gbogbo igba ti o ba lo ohun ini kan, o gbọdọ fun ni ni iye - ati awọn ohun-ini kan le gba awọn nọmba nikan.
Ni apẹẹrẹ akọkọ ti ohun ini "awọ," a nilo lati lo iye iye. Eyi le jẹ iye iye hex , iye RGBA, tabi paapa awọn koko ọrọ . Eyikeyi ninu awọn ipo-iṣowo naa yoo ṣiṣẹ, sibẹsibẹ, ti o ba lo ọrọ naa "danu" pẹlu ohun ini yii, kii ṣe nkankan nitori, bi apejuwe bi ọrọ naa ṣe le jẹ, kii ṣe iye ti a mọ ni CSS.
Àpẹrẹ ẹlẹgbẹ wa ti "àwòrán-òwò" nlò kí ọnà àwòrán kan lo láti gba àwòrán gangan láti àwọn fáìlì ojúlé rẹ. Eyi ni iye / sita ti o nilo fun.
Gbogbo awọn ẹtọ CSS ni iye ti wọn reti. Fun apere:
- Aala-aala n retire iwọn iye kan
- Iwọn-aala n nireti iye ti o tobi, bi awọn piksẹli tabi awọn ipin-iṣiro
- Awọn ifilelẹ ti aala wa nireti ọkan ninu awọn irin ti a fi ipamọ ti a lo fun ohun-ini yi, bi "a mọ"
Ti o ba lọ nipasẹ akojọ awọn ẹtọ CSS, iwọ yoo ṣe iwari pe kọọkan ninu wọn ni awọn ami pataki kan ti wọn yoo lo lati ṣẹda awọn aza ti a pinnu fun wọn.
Ṣatunkọ nipasẹ Jeremy Girard