Avantaj ak enkonvenyans nan Styles Inline nan CSS

CSS, oswa Cascading Style Sheets, se sa ki itilize nan konsepsyon sit entènèt modèn pou aplike gade nan vizyèl nan yon paj. Pandan ke HTML kreye estrikti nan paj la ak JavaScript ka okipe konpòtman, gade nan ak santi nan yon sit entènèt se domèn nan CSS. Lè li rive estil sa yo, yo pi souvan aplike lè l sèvi avèk dra ekstèn ekstèn, men ou ka aplike tou estil CSS nan yon sèl, eleman espesifik lè l sèvi avèk sa yo li te ye tankou "Styles aliye."

Styles aliye yo se estil CSS ki aplike dirèkteman nan HTML paj la. Gen tou de avantaj ak enkonvenyan apwòch sa a. Premyèman, ann gade egzakteman kouman estil sa yo ekri.

Ki jan yo Ekri yon Style Inline

Pou kreye yon style CSS style, ou kòmanse pa ekri pwopriyete style ou sanble ak ki jan ou ta nan yon fèy style, men li bezwen yo dwe tout yon sèl liy. Separe pwopriyete miltip ak yon semicolon menm jan ou ta nan yon fèy style.

background: # cc; koulè: # ff; fwontyè: solid nwa 1px;

Mete liy sa a nan estil andedan atribi nan style nan eleman nan ou vle yo estile. Pou egzanp, si ou te vle aplike sa a style nan yon paragraf nan HTML ou a, ke eleman ta sanble tankou sa a:

Nan egzanp sa a, paragraf sa a patikilye ta parèt ak yon background gri limyè (sa se #CC ta rann), nwa tèks (ki soti nan koulè a ​​# 000), ak yon 1-pixel solid nwa fwontyè alantou tout kat pati nan paragraf la .

Avantaj nan Styles Inline

Mèsi a cascade nan Styles Cascading Styles aliye gen pi wo priyorite oswa espesifik nan yon dokiman. Sa vle di ke yo pral aplike pa gen pwoblèm ki lòt bagay ki dikte nan style ou ekstèn (ak eksepsyon nan yon sèl ke yo te nenpòt estil ke yo bay la! Deklarasyon enpòtan ke fèy, men sa a se pa yon bagay ki ta dwe fè nan sit pwodiksyon si li ka evite).

Estil sa yo sèlman ki gen pi wo priyorite pase style aliye yo se estil itilizatè aplike pa lektè yo tèt yo. Si ou gen pwoblèm pou jwenn chanjman ou yo aplike, ou ka eseye mete yon style aliye sou eleman an. Si ou Styles toujou pa montre lè l sèvi avèk yon style aliye, ou konnen gen yon lòt bagay ale sou.

Styles Inline yo fasil epi rapid yo ajoute epi ou pa bezwen enkyete sou ekri seleksyon an CSS apwopriye depi w ap ajoute estil yo dirèkteman nan eleman nan ou vle chanje (ki eleman esansyèlman ranplase selekteur a ou ta ekri nan yon fèy style ekstèn ). Ou pa bezwen kreye yon dokiman antye nouvo (tankou ak dra ekstèn ekstèn) oswa edite yon nouvo eleman nan tèt dokiman ou (menm jan ak dra entèn yo). Ou jis ajoute atribi nan style ki valab sou prèske tout eleman HTML. Sa yo se tout rezon ki fè ou ka tante yo sèvi ak Styles aliye, men ou dwe tou dwe okouran de kèk dezavantaj trè siyifikatif nan apwòch sa a.

Dezavantaj nan Styles Inline

Paske estil alimèt yo se pi espesifik nan kaskad la, yo ka sou-monte bagay ou pa t 'entansyon yo. Yo menm tou yo negate youn nan aspè ki pi pwisan nan CSS - kapasite nan anpil style ak anpil nan paj entènèt soti nan yon sèl dosye CSS santral fè dènye nan lavni ak chanjman style pi fasil nan jere.

Si ou te gen sèlman itilize Styles aliye, dokiman ou ta byen vit vin boure ak trè difisil yo kenbe. Sa a se paske Styles aliye dwe aplike nan chak eleman ou vle yo sou. Se konsa, si ou vle tout paragraf ou gen font fanmi "Arial la", ou gen ajoute yon style aliye nan chak

tag nan dokiman ou. Sa a ajoute tou de travay antretyen pou designer a ak tan download pou lektè a depi ou ta bezwen chanje sa a atravè tout paj nan sit ou a chanje font-fanmi an. Altènativman, si ou itilize yon Stylesheet separe, ou ka kapab chanje li nan yon sèl plas epi yo gen tout paj resevwa ke aktyalizasyon.

Truthfully, sa a se yon etap bak nan konsepsyon sit entènèt - tounen jou yo nan tag la!