Mimọ awọn oriṣiriṣi awọn oriṣiriṣi awọn oriṣi CSS

Atọka, ifibọ, ati awọn aṣọ ti ita ita: Eyi ni ohun ti o nilo lati mọ

Idagbasoke oju-iwe ayelujara opin-igba ni o wa ni ipoduduro bi agbada 3-legged. Awọn ese wọnyi ni awọn wọnyi:

Ẹsẹ keji ti agbada yii, CSS tabi Awọn Ẹrọ Style Cascading, jẹ ohun ti a n wo nibi loni. Ni pato, a fẹ lati koju awọn iru iru iru ti o le fi kun si iwe kan.

  1. Awọn ọna kika inu
  2. Awọn apejuwe ti a fi sinu
  3. Awọn aza itagbangba

Kọọkan ti awọn wọnyi CSS aza ni o ni awọn anfani wọn ati awọn drawbacks, nitorina jẹ ki a ya oju ti o jinlẹ si kọọkan ti wọn leyo.

Awọn Atọka Inline

Awọn ọna kika ni awọn aza ti a kọ ni taara ninu tag ni iwe HTML. Awọn oju ila inu ni ipa nikan ni tag ti wọn lo si. Eyi jẹ apeere ti aṣewe ti a fiwe si ọna asopọ ti o yẹ, tabi oran, tag:

Ilana CSS yii yoo tan boṣewa ti o ṣe afihan ohun ọṣọ ti o wa ninu ọna asopọ yii. Kii ṣe, sibẹsibẹ, yi ọna asopọ miiran pada lori oju-iwe naa. Eyi jẹ ọkan ninu awọn idiwọn ti awọn awọ inline. Niwon wọn nikan yipada lori ohun kan pato, iwọ yoo nilo lati fi idaduro awọn HTML rẹ pẹlu awọn aza wọnyi lati ṣe aṣeyọri apẹrẹ oju-iwe gangan. Eyi kii ṣe iṣe ti o dara julọ. Ni otitọ, o jẹ igbesẹ kan ti a yọ kuro lati ọjọ awọn afiwe "fonti" ati awọn adalu ọna ati ara ni oju-iwe ayelujara.

Awọn ọna kika ti o ni iwọn tun ni pato.

Eyi mu ki wọn ṣe gidigidi lati ṣe atunṣe pẹlu awọn miiran, awọn ọna ti kii ṣe ila. Fún àpẹrẹ, tí o bá fẹ ṣe ojúlé ojúṣe kan kí o sì ṣàyípadà bí ìfẹnukò kan ṣe ń wo àwọn ìdánilójú nípa lílo àwọn ìbéèrè oníbàárà , àwọn ìlà inline lórí ohun kan yóò ṣe èyí gan-an láti ṣe.

Nigbamii, awọn ọna inline jẹ otitọ nikan ti o yẹ nigbati a ba lo daradara.

Ni pato, Emi kii ṣe lo awọn ọna inline lori awọn oju-iwe ayelujara mi.

Awọn ọmọ wẹwẹ ti a fi sinu

Awọn apejuwe ti a fiwe si jẹ awọn aza ti o ti fibọ si ori akọsilẹ naa. Awọn awoṣe ti a fiwe si ni ipa nikan awọn afihan lori oju-iwe ti wọn ti fi sii sinu. Lẹẹkankan, ọna yii jẹ ọkan ninu awọn agbara ti CSS. Niwon gbogbo iwe yoo ni awọn aza ni

, ti o ba fẹ lati ṣe iyipada ti gbogbo agbegbe, bi yiyipada awọn awọ ti awọn ọna asopọ lati pupa si awọ ewe, iwọ yoo nilo lati ṣe iyipada yii ni gbogbo oju-iwe, niwon gbogbo oju-iwe nlo iwe-ara ti a fiwe si. Eyi dara ju awọn awọ inline, ṣugbọn si tun jẹ iṣoro ninu ọpọlọpọ awọn igba.

Awọn ipele ti a fi kun si

ti iwe-ipamọ tun fi iye ti o pọju ti koodu ifilọlẹ sii si oju-iwe yii, eyi ti o tun le ṣe oju-iwe yii lati ṣakoso ni ojo iwaju.

Anfaani ti awọn awoṣe ti a fi sinu ara ni pe fifuye lẹsẹkẹsẹ pẹlu oju iwe naa, dipo ti o nilo awọn faili ita miiran lati wa ni ẹrù. Eyi le jẹ anfani lati iyara ayipada ati iṣẹ irisi .

Awọn Ipele Ti ita itagbangba

Ọpọlọpọ awọn aaye ayelujara loni lo awọn awoṣe ti ita itawọn. Awọn aza itagbangba jẹ awọn aza ti a kọ sinu iwe atokọ ati lẹhinna ni asopọ si awọn iwe wẹẹbu oriṣiriṣi. Awọn awoṣe ti ara ita ti o le ni ipa lori eyikeyi iwe ti wọn ni asopọ si, eyi ti o tumọ si pe bi o ba ni oju-iwe aaye-oju-iwe 20 kan ni ibiti iwe kọọkan ṣe nlo iru iwe ara (iru eyi ni o ṣe pe), o le ṣe ayipada wiwo si gbogbo ti awọn oju-ewe yii nipa titẹ ṣiṣatunkọ ti ara naa.

Eyi mu ki iṣakoso aaye igba pipẹ rọrun.

Idoju si awọn awoṣe ita ita gbangba ni pe wọn beere awọn oju-iwe lati wa ati fifuye awọn faili ita yii. Ko gbogbo oju-ewe yoo lo gbogbo awọn aṣa ti o wa ninu iwe CSS, awọn oju-ewe pupọ yoo ṣafihan iwe CSS kan ti o tobi julọ ju eyi ti o nilo.

Nigba ti o jẹ otitọ pe o wa ipalara iṣẹ kan fun awọn faili CSS ita, o le jẹ ki o dinku. Nitootọ, awọn faili CSS jẹ awọn faili ọrọ ọrọ nìkan, nitorina wọn ko ni deede pupọ lati bẹrẹ pẹlu. Tí gbogbo ojúlé rẹ bá ń lo fáìlì CSS 1, o tún ní àǹfààní ti ìwé náà ti a tọjú lẹhin ti o ti ṣaju ni akọkọ.

Eyi tumọ si pe o le jẹ išẹ diẹ diẹ sii lori awọn oju-ewe akọkọ diẹ ninu awọn ibewo, ṣugbọn awọn oju-iwe ti o tẹle yoo lo faili CSS ti a fi pamọ, nitorina eyikeyi ipalara yoo wa ni idi. Awọn faili CSS ti ode wa ni bi mo ṣe le ṣe gbogbo awọn oju-iwe ayelujara mi.