Awọn anfani ati awọn idaduro awọn Iwọn Inline ni CSS

CSS, tabi awọn Iwọn Style Style, jẹ ohun ti o lo ni oju-aaye ayelujara aaye ayelujara ode oni lati lo oju wiwo si oju-iwe kan. Lakoko ti HTML ṣe ṣẹda ojuṣe ti oju-iwe naa ati JavaScript le mu awọn ihuwasi, oju ati idaniloju aaye ayelujara kan ni ašẹ ti CSS. Nigba ti o ba wa si awọn aza wọnyi, a fi wọn ṣe apejuwe awọn awoṣe ti ita ita gbangba, ṣugbọn o tun le lo awọn CSS si ẹyọkan kan, pato nipa lilo awọn ohun ti a mọ ni "awọn ọna inline."

Awọn ifilelẹ ti iṣọ ni CSS awọn ti o ti wa ni taara ni oju-iwe HTML. Awọn anfani ati alailanfani meji wa si ọna yii. Ni akọkọ, jẹ ki a wo gangan bi a ṣe kọ awọn kika wọnyi.

Bi o ṣe le Kọwewe Inline Style

Lati ṣẹda aṣa CSS kan, o bẹrẹ nipa kikọ ohun ini ara rẹ si bi o ṣe le ṣe apejuwe ara, ṣugbọn o nilo lati jẹ gbogbo ila kan. Ya awọn oriṣiriṣi awọn ohun-ini pẹlu semicolon kan gẹgẹbi o ṣe le ṣe ninu iwe-ara kan.

lẹhin: #ccc; awọ: #fff; aala: ideri dudu 1px;

Gbe ila ti awọn aza ni inu iwa ara ti aṣiṣe ti o fẹ lati ṣe atokọ. Fún àpẹrẹ, tí o bá fẹ láti lo ọnà yìí sí ìpínrọ kan nínú àwọn HTML rẹ, ìfẹnukò náà yíò dà bíi èyí:

Ni apẹẹrẹ yi, paragira yii yoo han pẹlu itọlẹ awọ-awọ (ti o jẹ ohun ti #ccc yoo ṣe), ọrọ dudu (lati # 000 awọ), ati pẹlu iwọn-aaya dudu ti o ni 1-ẹẹka ni ayika gbogbo awọn mẹrẹẹrin ti paragirafi .

Awọn anfani ti awọn Iwọn Ainika

O ṣeun si kasikedi ti awọn abala oniruuru Awọn ẹya onidisi Style jẹ ipo iwaju ti o ga julọ tabi pato ninu iwe-ipamọ kan. Eyi tumọ si pe wọn yoo lo laisi ohun ti a tun sọ ni oriṣiriṣi itagbangba ti ita (pẹlu ọkan ti o ni iru eyikeyi ti a fi fun ni asọtẹlẹ pataki ti iwe, ṣugbọn eyi kii ṣe nkan ti o yẹ ki o ṣe ni awọn aaye-iṣẹ ti o ba ṣiṣẹ le ṣee yee).

Awọn aza nikan ti o ni iṣaaju ti o ga ju awọn awọ inline jẹ awọn aṣirisi olumulo ti o lo nipasẹ awọn onkawe ara wọn. Ti o ba ni iṣoro nini awọn ayipada rẹ lati lo, o le gbiyanju lati ṣeto ọna ti o ni ila lori eleri. Ti o ba ṣe apejọ sibẹ ko ṣe afihan nipa lilo ọna inline, o mọ pe nkan miran nlo.

Awọn ọna kika ni o rọrun ati ki o yara lati fi kun ati pe o ko nilo lati ṣe aniyan nipa kikọ akọsilẹ CSS to dara niwon o nfi awọn aza kun si taara ti o fẹ yi (eyi ti o tun rọpo ayanfẹ ti iwọ yoo kọ ni folda ti ita ). O ko nilo lati ṣẹda iwe tuntun kan (bii pẹlu awọn ipele ti ara ita) tabi ṣatunkọ tuntun tuntun ni ori iwe rẹ (bii pẹlu awọn ibọwọ-ara inu). O kan fikun ẹya ara ti o wulo lori fere gbogbo opo HTML. Eyi ni gbogbo idi ti o fi le danwo lati lo awọn awọ inline, ṣugbọn o gbọdọ tun mọ diẹ ninu awọn alailanfani ti o ṣe pataki pupọ si ọna yii.

Awọn alailanfani ti awọn Iwọn Inline

Nitori awọn awọ inline ni o wa julọ julọ ninu adagun omi, wọn le ṣe awọn ohun ti o ko ju wọn lo. Wọn tun nfa ọkan ninu awọn ẹya ti o lagbara julo ti CSS - agbara lati ṣe ọpọlọpọ awọn ọpọlọpọ awọn oju-iwe wẹẹbu lati ikanju CSS akọkọ kan lati ṣe awọn imudojuiwọn ọjọ iwaju ati awọn ayipada ti ara ti o rọrun lati ṣakoso.

Ti o ba lo awọn ọna inline nikan, awọn iwe-aṣẹ rẹ yoo di irun ni kiakia ati gidigidi lati ṣetọju. Eyi jẹ nitori awọn apẹrẹ inline gbọdọ wa ni lilo si gbogbo awọn idi ti o fẹ wọn. Nitorina ti o ba fẹ gbogbo paragira rẹ lati ni ẹbi ti awọn ẹda "Arial", o ni lati fi awọ ti o ni ila si pọọlu

ni iwe rẹ. Eyi ṣe afikun iṣẹ itọju mejeeji fun onise ati gbigba akoko fun oluka niwon o yoo nilo lati yi eyi pada ni gbogbo oju-ewe ni aaye rẹ lati yi iyọ-ẹda naa pada. Ni ọna miiran, ti o ba lo ọna kika ti o yatọ, o le ni iyipada rẹ ni aaye kan ati ki o ni oju-iwe gbogbo gba pe imudojuiwọn.

Ni otitọ, eyi jẹ igbesẹ si iwaju ni apẹrẹ ayelujara - pada awọn ọjọ ti aami tag !