Understanding 3 Types of CSS Styles

Inline, embedded, and sheets style of outer: Li vir çi hewce ye ku hûn bizanin

Pêşveçûnê malpera end-end gelek caran wekî stulikê 3-legged ve tê nîşandan. Ev pêdivî ye:

Para duyem ya vê stoolê, CSS an jî Pîvanên Cascading Sheets, ew e ku em li vir li vir digerin. Bi taybetî, em dixwazin ku 3 celebên şêweyên ku hûn dikarin belgeyê zêde bikin.

  1. Şêweyên inline
  2. Şêweyên şandin
  3. Şêweyên derve

Her yek ji van şêweyên CSS-ê heye ku sûd û gavên wan hene, da ku em her kes bi awayek xwe bi awayekî xwe re binêrin.

Inline Styles

Stylesên Inline stylesên ku bi rûpela belgeyê HTML-ê têne nivîsandin. Stylesên Inline tenê tenê tagek taybetî bi bandor dike ku ew bi kar bînin. Li vir nimûne nimûne ya stîleke anline-ê bi girêdana standard, an ankor, tagê ye:

Vê gihîştina vê CSS-ê dê pirtûka nivîsandina tekstê ya ji vê girêdanê veguherîne. Lê belê, wê nabe, girêdana kesek din li ser rûpelê biguherînin. Ev yek ji ji sînorên inline styles e. Ji ber ku ew tenê li ser taybetmendiya taybetmendî biguherînin, hûn hewce ne ku HTML bi van şêweyên xwe re bikişînin ku pargala rûpelê rastîn bikin. Ev yek pratîk e. Di rastiyê de, ev gav yek ji rojên "font" û ji tevlî malperên ku di malperên web-dezgehan û şêwazê de têne derxistin.

Stylesên inline jî xwedî taybetmendiyek pir bilind in.

Vê yekê ew gelek zehmet e ku bi şêweyên din, ne-inline re binivîsin. Ji bo nimûne, eger hûn dixwazin bersivek malperê bikin û biguherînin ka çiqas hinek pişkek hûrgelan ji hêla pirsên medyayê re bikar bînin, bisekinin, celebên şerta li ser hêla wê dê pir dijwar bikin.

Di dawiyê de, şêweyên inline rastî bi tenê tengas in ku ew gelek zehf têne bikaranîn.

Di rastiyê de, min kêm caran ez di webpages de li ser şêweyên inline bikar bînin.

Embedded Styles

Stylesên şîfrekirî yên stîlên ku di di ser belgeya vekirî de têne kirin. Helbestên veşartî tenê tenê li ser rûpelê li ser rûpelê veguhestin bandor dikin. Hingê dîsa, vê nêzîk yek ji hêza CSS-ê negire. Ji ber ku her rûpel dê di şêweyek de hene

, eger hûn dixwazin guhertineke rûniştinê bikin, wekî rengê girêdanên ji sor û kesk veguherînin, hûn hewce bike ku ev guhertinê li her rûpelê biguherînin, ji ber her rûpelê pirtûka şêweya vekirî tê bikaranîn. Ev ji hêla diline-ê de çêtir e, lê hêj di gelek rewşan de hîn jî pirsgirêk e.

Stylesheets ku hatine zêdekirin

belgeyeke belgeyê ji bo vê rûpelê girîng a markupek zêde bike, ku dikare dikare peldanka pêşeroj bike ku di pêşerojê de birêve bike.

Fêra çarçoveya şêwazên şêweyên pêvekirî ye ku ew bi lezê bixwe bi rûpela xwe re, ji bilî pelên din ên derveyî werin barkirin. Ev dikare dikare ji bo lezgîn û pêşveçûna performansa dakêşan .

Shellên Derveyî

Piranîya malperên îro îro şêweyên bêdengên derveyî bikar tînin. Stylesên hundir styles hene ku di belgeyeke cuda de têne nivîsandin û paşê belgeyên belgeyên cuda hene. Pêlên şêwirdar ên biyanî dikare bandorek li her pelan bandor bikin ku tê wateya ku hûn malpera we di 20-rûpelê malperê de heye ku her rûpel di heman şêweya heman şêwazê de tê bikaranîn (ev bi awayekî gelemperî ev çawa tête kirin), hûn dikarin her guherînek bavek ji van rûpelan bi hêsanî veguhestin ku şêweya şêweyê.

Di vê yekê de rêveberiya malpera pir dirêjtir hêsan dibe.

Di binavên şêweyên derve de ew e ku pêdivî ye ku pelên wan bigirin û van pelên derve yên barkirin. Ne her rûpel dê her şêweyek di çarçoveya CSS-ê de bikar bînin, da ku gelek rûpel dê pirtûka CSS-ê pir ji hêla hewceyê zêde dibe.

Dema ku ev rast e ku pelên CSS-ê yên derveyî yên derveyî hene, ev guman dikare bêtir kêmkirin. Bi rastî, pelên CSS, tenê pelên teknolojî hene, da ku ew bi gelemperî pir mezin ne. Heke tevahiya malperê pelê 1 CSS bikar bîne, hûn jî ji bo ku hûn destpêkê tête qeydkirin ku ew belgeyê têne kirin.

Ev tê wateya ku dibe ku di rûpelê pêşîn de pêşî li ser rûpelê çalakiyek piçûk be, lê rûpelên paşê dê pelê CSS-ê bikar bînin, da ku hingek nerazî bibin. Pelên CSS-ê yên ku ez hemû webpages ava dikin.