Inline, embedded, ug external style sheets: Ania ang kinahanglan nimong mahibal-an
Ang pag-uswag sa pag-uswag sa web site sa kasagaran gihulagway nga 3-legged stool. Kini nga mga bitiis mao ang mosunod:
Ang ikaduha nga bahin niini nga stool, CSS o Cascading Style Sheets, mao ang atong gitan-aw dinhi karon. Sa piho nga paagi, gusto namong masulbad ang 3 ka matang sa mga estilo nga mahimo nimong idugang sa usa ka dokumento.
- Inline nga estilo
- Gikulit nga estilo
- Eksternal nga estilo
Ang matag usa niining mga matang sa estilo sa CSS adunay mga benepisyo ug mga kahuyangan, mao nga magkuha kita og mas lawom nga pagtan-aw sa tagsa-tagsa sa matag usa kanila.
Mga Inline nga Estilo
Ang mga estilo sa inline mga estilo nga gisulat direkta sa tag sa HTML nga dokumento. Ang mga estilo sa inline makaapekto lamang sa espesipikong tag nga gipadapat niini. Ania ang usa ka pananglitan sa estilo sa inline nga gigamit sa usa ka sumbanang sumpay, o anchor, tag:
Kini nga lagda sa CSS ang magpakunhod sa standard underline text nga dekorasyon sa usa ka link. Kini dili, bisan pa niana, mag-usab sa bisan unsang laing sumpay sa panid. Kini mao ang usa sa mga limitasyon sa inline nga estilo. Tungod kay nagbag-o lamang sila sa usa ka espesipikong butang, gikinahanglan nimo ang imong mga HTML aron magamit ang usa ka aktwal nga disenyo sa panid. Dili kana usa ka maayo nga buhat. Sa pagkatinuod, kini usa ka lakang nga gikuha gikan sa mga adlaw sa mga tag "font" ug ang nagsagol nga estraktura ug estilo sa mga panid sa web.
Ang mga estilo sa inline adunay taas kaayo nga pagkaseguro.
Kini nakapalisud kanila sa pagpa-overwrite sa ubang mga estilo nga dili inline. Pananglitan, kon gusto nimo nga ang usa ka site responsive and change kung giunsa pagtan-aw sa usa ka elemento sa pipila ka mga breakpoint pinaagi sa paggamit sa mga pangutana sa media , ang mga inline nga estilo sa usa ka elemento maghimo niining lisud nga buhaton.
Sa katapusan, ang mga inline nga mga estilo mao gayud ang angay lamang kung gigamit nga gamay kaayo.
Sa tinuud, talagsa ra ako makagamit sa inline nga mga estilo sa akong mga webpage.
Gikulit nga mga Estilo
Ang mga estudyo nga gisulod sa estilo mao ang mga estilo nga anaa sa ulo sa dokumento. Ang mga estudyo nga nalambigit nag-apekto lamang sa mga tag sa panid nga ilang natago. Sa makausa pa, kini nga pamaagi nagpanghimakak sa usa sa mga kalig-on sa CSS. Tungod kay ang matag pahina adunay estilo sa
, kung gusto nimo magbag-o ang sitwasyon, sama sa pag-usab sa kolor sa mga sumpay gikan sa pula ngadto sa berde, kinahanglan nimo kining usbon sa matag panid, tungod kay ang matag panid naggamit sa usa ka estilo sa estilo nga nabutang. Mas maayo kini kay sa inline nga mga estilo, apan masulub-on gihapon sa daghang mga higayon.
Mga estilo nga gidugang ngadto sa
sa usa ka dokumento usab nagdugang ang usa ka mahinungdanon nga kantidad sa markup code sa maong panid, nga mahimo usab nga himoon ang panid nga mas lisud sa pagdumala sa umaabot.
Ang kaayohan sa gi-estudyo nga mga estilo sa estilo mao nga ang gilay-on gilayon sa panid mismo, sa baylo nga magkinahanglan sa ubang mga external nga mga file nga i-load. Kini mahimong usa ka kaayohan gikan sa usa ka speed download ug panglantaw sa performance .
External Style Sheets
Kadaghanan sa mga website karon naggamit sa external style sheets. Ang mga estilo sa eksternal mao ang mga estilo nga gisulat sa usa ka linain nga dokumento ug gilakip sa lainlaing mga dokumento sa web. Ang external style sheets maka-apekto sa bisan unsang dokumento nga gilakip niini, nga nagpasabot nga kung adunay 20 ka pahina nga website diin ang matag pahina naggamit sa samang estilo sa estilo (kasagaran kini giunsa kini), makahimo ka usa ka visual change sa matag usa sa mga panid pinaagi sa pag-edit lamang sa estilo nga estilo.
Kini ang mas sayon nga pagdumala sa dugay nga panahon.
Ang kalapad sa mga style style sheets mao nga kini nagkinahanglan sa mga panid sa pag-pagkuha ug pag-load niining mga external nga mga file. Dili tanang pahina ang mogamit sa matag estilo sa CSS sheet, daghan kaayong mga pahina ang magbutang sa mas dako nga pahina sa CSS kay sa tinuod nga gikinahanglan.
Samtang kini tinuod nga adunay usa ka performance hit alang sa external CSS nga mga file, kini sa pagkatinuod mahimo nga mapagamay. Sa tinuud, ang mga file sa CSS usa lamang ka mga file sa text, mao nga kasagaran sila dili dako kaayo nga magsugod sa. Kon ang imong tibuok nga site naggamit sa 1 ka CSS file, ikaw usab makakuha sa kaayohan sa maong dokumento nga gisulod pagkahuman sa pagkarga niini.
Kini nagpasabot nga dunay gamay nga performance nga nahimo sa una nga panid pipila nga mga pagbisita, apan ang sunod nga mga panid mogamit sa cached CSS file, busa ang bisan unsang pag-abut mahimong negated. Ang external CSS file mao kung giunsa nako pagtukod ang tanan sa akong mga webpage.