Kini CSS ati Nibo Ni O Ti lo?

Kini Awọn Iwọn Style Style?

Awọn aaye ayelujara ti wa ni nọmba ti awọn nọmba kọọkan, pẹlu awọn aworan, ọrọ, ati awọn iwe aṣẹ. Awọn iwe aṣẹ yii kii ṣe awọn ti o le ni asopọ mọ lati awọn oju-ewe pupọ, bii awọn faili PDF, ṣugbọn awọn iwe-aṣẹ ti a lo lati ṣe awọn oju-iwe wọnni, gẹgẹbi awọn iwe HTML lati pinnu idiwọn oju-iwe ati awọn iwe aṣẹ CSS (Cascading Style Sheet) lati dede oju oju iwe kan. Akọle yii yoo wọ inu CSS, yoo bo ohun ti o jẹ ati ibi ti o ti lo lori awọn aaye ayelujara loni.

Atilẹkọ Itan CSS

CSS ti kọkọ ni idagbasoke ni 1997 gẹgẹ bi ọna fun awọn olupin oju-iwe ayelujara lati ṣafihan ifarahan aworan ti oju-iwe ayelujara ti wọn n ṣẹda. A ti pinnu lati gba awọn akọọlẹ wẹẹbu laaye lati pin awọn akoonu ati ọna ti koodu aaye ayelujara kan lati oniru aworan, ohun ti ko ṣee ṣe ṣaaju akoko yii.

Iyapa ti ọna ati ara gba HTML laaye lati ṣe diẹ ninu iṣẹ naa ti o ni akọkọ da lori - ami ifihan ti akoonu, lai ṣe aniyan nipa aṣa ati ifilelẹ ti oju iwe naa, ohun ti a mọ ni "oju ati imọ" ti oju iwe naa.

CSS kò gba ni iloyemọ titi o fi di ọdun 2000, nigbati awọn aṣàwákiri wẹẹbù bẹrẹ lilo diẹ ẹ sii ju ti iṣakoso ipilẹ ati awọn awọ ti ede isamisi yii. Loni, gbogbo awọn aṣàwákiri igbalode n ṣe atilẹyin gbogbo CSS Ipele 1, julọ ti CSS Ipele 2, ati paapa julọ aaye ti CSS Ipele 3. Bi CSS ti tẹsiwaju lati dagbasoke ati awọn aza titun ti wa, awọn aṣàwákiri wẹẹbù ti bẹrẹ lati ṣe awọn modulu to mu atilẹyin CSS titun sinu awọn aṣàwákiri wọnni ati fun awọn apẹẹrẹ ayelujara ti o ni awọn irinṣẹ irinṣẹ tuntun lati ṣiṣẹ pẹlu.

Ni (ọpọlọpọ) ọdun sẹyin, awọn apẹẹrẹ ayelujara ti a yan yan ti o kọ lati lo CSS fun apẹrẹ ati idagbasoke awọn oju-iwe wẹẹbu, ṣugbọn iṣe naa jẹ gbogbo ṣugbọn o lọ kuro ni ile-iṣẹ loni. CSS jẹ nisisiyi iṣiṣe ti o gbajumo ni apẹrẹ ayelujara ati pe iwọ yoo wa ni lile lati wa ẹnikẹni ti n ṣiṣẹ ni ile-iṣẹ loni ti ko ni o kere ju oye oye ti ede yi.

CSS jẹ Abbreviation

Gẹgẹbi a ti sọ tẹlẹ, ọrọ CSS duro fun "Ẹrọ Ọpa Cascading." Jẹ ki a fọ ​​ọrọ yii ni isalẹ diẹ lati ṣe alaye siwaju sii nipa ohun ti awọn iwe wọnyi ṣe.

Ọrọ "aṣọ ara" n tọka si iwe ara rẹ (bi HTML, awọn faili CSS jẹ awọn ọrọ ọrọ gangan ti o le ṣatunkọ pẹlu orisirisi awọn eto). Awọn awoṣe ti a ti lo fun apẹrẹ iwe fun ọpọlọpọ ọdun. Wọn jẹ awọn imọ-ẹrọ imọ-ẹrọ fun ifilelẹ kan, boya titẹ tabi ayelujara. Awọn onise apẹẹrẹ ti lo awọn ọna ara ti a lo gun lati rii daju pe awọn aṣa wọn ni a tẹ ni pato si awọn alaye wọn. Fọọmù ara kan fun oju-iwe ayelujara kan nṣe idi kanna, ṣugbọn pẹlu iṣẹ ṣiṣe ti a fi kun ti o tun sọ fun aṣàwákiri wẹẹbù bi a ṣe le ṣe ki iwe naa ṣe akiyesi. Loni, awọn apoti Ikọlẹ CSS tun le lo awọn ibeere ibeere lati yi ọna kan pada fun awọn ẹrọ oriṣiriṣi ati titobi iboju . Eyi jẹ pataki ti o ṣe pataki nitori pe o jẹ ki iwe-aṣẹ HTML kan wa ni oriṣiriṣi gẹgẹbi iboju ti a lo lati wọle si.

Cascade jẹ apakan pataki ti ọrọ naa "apo-ara ti a fi sinu ara". A ti ṣe asọwe oju-iwe ayelujara si oju omi nipasẹ ọpọlọpọ awọn aza ni ti oju-iwe naa, bi odò lori omi isosile. Omi ti o wa ninu odò ṣubu gbogbo awọn apata ninu isosile omi, ṣugbọn awọn ti o wa ni isalẹ ni ipa gangan nibiti omi yoo ṣàn. Bakan naa ni otitọ ti awakọ oju omi ni awọn oju-iwe ara-ara ayelujara.

Gbogbo oju-iwe wẹẹbu ni o ni ipa nipasẹ o kere ju paṣipaarọ ọkan kan, paapaa ti onise apẹẹrẹ oju-iwe ayelujara ko ba lo eyikeyi awọn aza. Iwọn-ara yii jẹ aṣiṣe-ara aṣoju olumulo - tun mọ bi awọn aiyipada aiyipada ti aṣàwákiri wẹẹbù yoo lo lati ṣafihan oju-iwe kan ti ko ba si awọn ilana miiran. Fún àpẹrẹ, àwọn àfidámọ aṣàwákiri tí a ṣàgbékalẹ jẹ aṣojú nínú buluu wọn sì ti ṣe àlàyé. Awọn iru wọn wa lati oju-ara aṣa ti aṣàwákiri ayelujara kan. Ti apẹẹrẹ ayelujara n pese awọn itọnisọna miiran, sibẹsibẹ, aṣàwákiri yoo nilo lati mọ awọn itọnisọna ti o ni iṣaaju. Gbogbo awọn aṣàwákiri ni awọn awoṣe aiyipada wọn, ṣugbọn ọpọlọpọ awọn aṣiṣe-aṣiṣe (bii awọn ọna asopọ ti o ni awọ-awọ ti a fi awọ ṣe afihan) ni a pín ni gbogbo gbogbo tabi julọ awọn aṣàwákiri ati awọn ẹya pataki.

Fun apẹẹrẹ miiran ti aiyipada aifọwọyi, ninu aṣàwákiri wẹẹbù mi, aṣiṣe aiyipada jẹ " Times New Roman " ti o han ni iwọn 16. Nitosi ko si awọn oju-ewe ti Mo lọ si ifihan ni ẹbi ati iyaawọn ẹrọ naa, sibẹsibẹ. Eyi jẹ nitori awọn kasikedi ṣe apejuwe pe awọn ipele ti ara ẹni keji, eyiti awọn apẹẹrẹ ti ṣeto nipasẹ wọn, lati ṣe atunṣe iwọn ati awọn ẹbi naa, ti o kọja awọn aṣiṣe aṣàwákiri wẹẹbù mi. Gbogbo awọn awoṣe ti o ṣẹda fun oju-iwe wẹẹbu yoo ni pato diẹ sii ju awọn aṣiṣe aiyipada ti aṣàwákiri, ki awọn aṣiṣe naa yoo lorun nikan bi fọọmu ara rẹ ko bori wọn. Ti o ba fẹ ki asopọ lati jẹ bulu ati pe o ṣe akiyesi, iwọ ko nilo lati ṣe ohunkohun lẹhin ti o jẹ aiyipada, ṣugbọn ti faili CSS ti aaye rẹ ba sọ pe awọn asopọ yẹ ki o jẹ alawọ ewe, awọ yoo bori aṣiṣe aiyipada. Awọn akọle naa yoo wa ni apẹẹrẹ yii, niwon o ko pato bibẹkọ.

Nibo ni CSS ti lo?

CSS tun le lo lati ṣalaye bi oju-iwe ayelujara yẹ ki o wo nigbati o ba wo ni awọn media ju aṣàwákiri wẹẹbù kan. Fún àpẹrẹ, o le ṣẹda ìwé onírúurú àtẹjáde èyí tí yóò ṣàpèjúwe bí ojú-ewé wẹẹbù yẹ láti tẹ jáde. Nitori oju-iwe ayelujara awọn ohun kan bi awọn bọtini lilọ kiri tabi awọn fọọmu wẹẹbù yoo ni idi kankan lori iwe ti a tẹjade, a le lo Iwe Ikọjade Print lati "pa a" awọn agbegbe naa nigbati a ba tẹ oju-iwe kan. Bi o ṣe jẹ pe ko ṣe deede iṣẹ ti o wọpọ lori ọpọlọpọ awọn aaye ayelujara, aṣayan lati ṣẹda awọn awoṣe ti a tẹjade jẹ alagbara ati ki o wuni (ni iriri mi - ọpọlọpọ awọn akọọlẹ wẹẹbu ko ṣe eyi nitoripe ohun oju-iwe isuna aaye kan ko ni pe fun iṣẹ afikun yii lati ṣe ).

Kí nìdí tí CSS ṣe pataki?

CSS jẹ ọkan ninu awọn irinṣẹ ti o lagbara jùlọ lọpọlọpọ onisewe ayelujara le kọ ẹkọ nitori pe o le ni ipa lori gbogbo oju-iwe ojulowo oju-iwe ayelujara kan. Awọn awoṣe ti a ti kọwe daradara le ti ni imudojuiwọn ni kiakia ati ki o gba aaye lati yi ohun ti o wa ni ojulowo oju iboju pada, eyi ti o jẹ afihan iye ati idojukọ si awọn alejo, laisi eyikeyi awọn ayipada ti o nilo lati ṣe si ifilọlẹ HTML ti abẹ.

Ipenija akọkọ ti CSS ni pe o wa ni ohun kan lati kọ ẹkọ - ati pẹlu awọn aṣàwákiri ti o nyi pada ọjọ gbogbo, ohun ti o ṣiṣẹ daradara loni le ma ṣe itumọ ọla bi awọn ọna titun ṣe ni atilẹyin ati awọn miran ti ṣubu tabi ti kuna fun ojurere fun idi kan tabi omiran .

Nitori CSS le mu ki o mu ki o jẹ ki o ṣajapọ, ati bi o ṣe le ṣe ayẹwo bi awọn aṣàwákiri miiran ṣe le ṣe itumọ ati ṣe awọn itọnisọna yatọ si, CSS le jẹ nira sii ju HTML ti o yẹ lati ṣakoso. CSS tun ayipada ninu awọn aṣàwákiri ni ọna kan ti HTML ko ṣe. Ni igba ti o ba bẹrẹ lilo CSS, iwọ yoo ri pe sisẹ agbara ti awọn awoṣe ti ara yoo fun ọ ni irọrun aigbagbọ ni bi iwọ ṣe ṣe oju opo oju-iwe ayelujara ati ṣafihan oju wọn ati irọrun wọn. Pẹlupẹlu ọna, iwọ yoo ṣabọ "apo ẹtan" ti awọn aza ati awọn ọna ti o ti ṣiṣẹ fun ọ ni igba atijọ ati eyi ti o le tun yipada si bi o ti ṣe agbejade awọn aaye ayelujara tuntun ni ojo iwaju.

Atilẹkọ article nipasẹ Jennifer Krynin. Edited by Jeremy Girard lori 7/5/17,