Unsa ang Cascading Style Sheets?
Ang mga website gilangkuban sa daghang indibidwal nga mga piraso, lakip ang mga hulagway, teksto, ug lainlaing mga dokumento. Kini nga mga dokumento dili lamang naglakip sa mga butang nga mahimong nalambigit sa nagkalainlaing mga panid, sama sa mga file sa PDF, apan usab ang mga dokumento nga gigamit sa pagtukod sa mga panid sa ilang kaugalingon, sama sa mga dokumento sa HTML aron pagtino sa istruktura sa usa ka panid ug CSS (Cascading Style Sheet) nga mga dokumento aron pagdiktar sa pagtan-aw sa usa ka panid. Kini nga artikulo mag-usisa sa CSS, kung unsa kini ug diin kini gigamit sa mga website karon.
Leksyon sa Kasaysayan sa CSS
Ang CSS una nga napalambo sa 1997 isip usa ka paagi alang sa mga web developers sa paghubit sa biswal nga dagway sa mga web page nga ilang gimugna. Gituyo kini nga tugutan ang mga propesyonal sa web sa pagbulag sa sulod ug sa istruktura sa kodigo sa usa ka website gikan sa visual design, usa ka butang nga wala mahimo sa wala pa niini nga panahon.
Ang pagbulag sa istruktura ug estilo nagtugot sa HTML sa paghimo sa labaw pa sa katuyoan nga kini orihinal nga gibase sa - ang marka sa sulod, nga dili kinahanglan nga mabalaka mahitungod sa disenyo ug sa paghan-ay sa panid mismo, butang nga sagad nga nailhan nga "hitsura ug gibati" sa panid.
Ang CSS wala makaangkon nga popular hangtud sa mga tuig 2000, sa diha nga ang mga web browser nagsugod paggamit labaw pa sa sukaranan nga mga bahin sa font ug kolor niini nga marka sa pinulongan. Karon, ang tanan nga mga modernong mga browser nagsuporta sa tanan nga CSS Level 1, kadaghanan sa CSS Level 2, ug bisan sa kadaghanan nga aspeto sa CSS Level 3. Samtang ang CSS nagpadayon sa pag-uswag ug ang bag-ong mga estilo gipaila, ang mga web browser nagsugod sa pagpatuman sa mga modules nga nagdala sa bag-ong suporta sa CSS ngadto sa mga browser ug naghatag sa mga web designers nga gamhanan nga bag-ong mga himan sa estilo nga magamit.
Sa daghang mga tuig nga milabay, adunay mga pinili nga mga tigdisenyo sa web nga nagdumili sa paggamit sa CSS alang sa pagdisenyo ug pagpalambo sa mga web site, apan kini nga praktis wala na gikan sa industriya karon. Ang CSS usa na karon nga gigamit nga sumbanan sa disenyo sa web ug mahimo ka nga lisud nga pangitaon ang bisan kinsa nga nagtrabaho sa industriya karon kinsa walay bisan gamay nga panabut sa pagsabut niini nga pinulongan.
Ang CSS usa ka Abbreviation
Sama sa gihisgutan na, ang termino nga CSS nagpasabut sa "Cascading Style Sheet." Gub-on nato kini nga hugpong sa pulong aron mas tukma nga ipatin-aw kung unsa ang nahimo niining mga dokumento.
Ang pulong nga "style sheet" nagpasabot sa dokumento mismo (sama sa HTML, CSS nga mga file ang tinuod nga teksto nga mga dokumento nga mahimong i-edit sa lainlaing mga programa). Mga estilo sa estilo gigamit alang sa disenyo sa dokumento sulod sa daghang katuigan. Kini ang mga teknikal nga mga paghingalan alang sa usa ka layout, bisan sa pag-imprinta o online. Ang mga design designer dugay nang naggamit sa mga estilo sa estilo aron sa pagsiguro nga ang ilang mga disenyo gipatik sa tukma sa ilang mga sumbanan. Usa ka style sheet alang sa usa ka web page nagsilbi nga parehas nga katuyoan, apan uban ang dugang nga gamit sa pagsulti usab sa web browser kung unsaon pagtan-aw ang dokumento nga gitan-aw. Karon, ang CSS sheets sa estilo mahimo usab nga mogamit sa mga pangutana sa media aron mausab ang paagi sa pagpangita sa usa ka panid alang sa nagkalainlain nga mga himan ug mga gidak-on sa screen . Kini importante kaayo tungod kay kini nagtugot sa usa ka dokumento sa HTML nga ipaanggid nga lahi sumala sa gamit nga gigamit sa pag-access niini.
Ang Cascade usa ka espesyal nga bahin sa termino nga "cascading style sheet". Ang usa ka panid sa estilo sa web gituyo aron mag-cascade pinaagi sa sunod-sunod nga mga estilo sa maong panid, sama sa usa ka suba sa ibabaw sa usa ka busay. Ang tubig sa suba nakatago sa tanang mga bato sa busay, apan ang mga naa sa ubos makaapekto gayud kung asa moagay ang tubig. Tinuod usab kini sa cascade sa mga style sheets sa website.
Ang matag web page naapektuhan sa dili mokubos sa usa ka style sheet, bisan kung ang web designer wala magamit ang bisan unsang estilo. Kini nga estilo sa estilo mao ang style sheet sa user agent - nga gitawag usab nga default nga mga estilo nga gamiton sa web browser aron ipakita ang usa ka panid kon walay laing mga instruksyon nga gihatag. Pananglitan, pinaagi sa mga default hyperlinks gipatik sa asul ug gipasiugda kini. Ang mga estilo naggikan sa default style sheet sa web browser. Kon ang tigdisenyo sa web naghatag og laing mga panudlo, bisan pa niana, ang browser kinahanglan nga masayud unsa nga mga panudlo ang adunay sumbanan. Ang tanan nga mga browsers dunay ilang kaugalingon nga mga estilo, apan daghan sa mga default (sama sa asul nga gipintal nga mga link sa teksto) ang gibahin sa tanan o kadaghanan nga dagkong mga browser ug mga bersyon.
Alang sa laing pananglitan sa default sa browser, sa akong web browser, ang default nga font mao ang " Times New Roman " nga gipakita sa gidak-on nga 16. Hapit walay usa sa mga panid nga akong gibisitahan nagpakita niana nga pamilyang pamilya ug gidak-on. Kini tungod kay ang cascade naghubit nga ang ikaduha nga style sheets, nga gitakda sa mga tigdesinyo sa ilang mga kaugalingon, aron sa pag-usab sa gidak-on sa font ug sa pamilya, nga nagpalabaw sa mga default sa akong web browser. Ang bisan unsang style sheets nga imong gimugna alang sa usa ka web page adunay mas espesipikasyon kay sa default nga mga estilo sa browser, aron kadtong mga default magamit lamang kon ang imong estilo sa sheet dili makadaot niini. Kung gusto nimo ang mga link nga mahimong blue ug underline, dili nimo kinahanglan buhaton ang bisan unsa sukad nga kini mao ang default, apan kung ang CSS file sa imong site nag-ingon nga ang mga link kinahanglan nga berde, kana nga kolor mag-override sa default blue. Ang underline magpabilin sa niini nga panig-ingnan, tungod kay wala ka maghisgot sa laing paagi.
Hain ang CSS nga gigamit?
Ang CSS mahimo usab nga gigamit aron mahibal-an kung unsa ang hitsura sa mga panid sa web kon makita sa laing media kay sa usa ka web browser. Pananglitan, makahimo ka og usa ka estilo sa estilo sa pag-imprinta nga maghisgot kung unsaon ang pag-print sa web page. Tungod kay ang mga butang sa web page sama sa mga pindutan sa pag-navigate o mga porma sa web walay katuyoan sa giimprinta nga pahina, ang usa ka Print Style Sheet mahimong gamiton sa "pagpatay" sa mga dapit diin ang usa ka pahina giimprinta. Bisag dili kaayo komon nga praktis sa daghang mga site, ang opsyon sa pagmugna og style sheets gamhanan ug madanihon (sa akong kasinatian - ang kadaghanan sa mga propesyonal sa web wala magbuhat niini tungod lamang kay ang usa ka bahin sa budget sa site wala maninguha nga kining dugang nga buluhaton pagabuhaton ).
Nganong Importante ang CSS?
Ang CSS usa sa labing gamhanan nga mga himan nga makat-unan sa usa ka web designer tungod kay uban niini mahimo ka makaapekto sa tibuok nga biswal nga dagway sa usa ka website. Ang mga sinulat nga estilo sa pagsulat mahimong ma-update sa madali ug tugotan ang mga site sa pag-usab sa gipauna nga pagtan-aw diha sa screen, nga sa baylo nagpakita sa bili ug gitutok ngadto sa mga bisita, nga walay mga pagbag-o nga gikinahanglan nga himoon ngadto sa underlying HTML markup.
Ang nag-unang hagit sa CSS mao nga dunay gamay nga makat-unan - ug uban sa mga browser nga mag-usab kada adlaw, unsa ang maayo nga buhat karon dili mahimo nga masayran ugma maingon nga ang bag-ong estilo mahimong suportado ug ang uban mahulog o mapukan tungod sa usa ka rason o sa lain nga .
Tungod kay ang CSS mahimong mag-cascade ug maghiusa, ug hunahunaon kon unsaon sa nagkalainlain nga mga browser nga makahubad ug makapatuman sa mga direktiba sa lahi nga paagi, ang CSS mahimong mas lisud kay sa yano nga HTML nga agalon. Ang CSS usab nga mga kausaban sa mga browser sa usa ka paagi nga ang HTML wala gayud. Sa higayon nga magsugod ka sa paggamit sa CSS, bisan pa niana, imong makita nga ang paggamit sa gahum sa mga estilo sa estilo maghatag kanimo og dili katuohan nga pagka-flexible sa paagi sa imong pag-layout sa mga panid sa web ug paghulagway sa ilang hitsura ug pagbati. Sa kadugayan, makatigum ka sa usa ka "bag sa mga limbong" sa mga estilo ug mga pamaagi nga nagtrabaho alang kanimo kaniadto ug nga mahimo nimo nga balikon samtang ikaw magtukod og bag-ong mga webpage sa umaabut.
Ang orihinal nga artikulo ni Jennifer Krynin. Gi-edit ni Jeremy Girard sa 7/5/17,