Die lettertipe versus Cascading Style Sheets (CSS)

Het jy na 'n baie ou webwerf gekyk en 'n ongewone tag in die HTML gesien ? Baie jare gelede sou webontwerpers eintlik die lettertipes van hul webblaaie binne die HTML self stel, maar die skeiding van struktuur (HTML) en styl (CSS) het al 'n tyd gelede met hierdie praktyk weggedoen.

In webontwerp vandag is die merker uitgestel. Dit beteken dat die merker nie meer deel van die HTML-spesifikasie is nie. Alhoewel sommige blaaiers nog steeds hierdie merker ondersteun het nadat dit afgekeur is, word dit glad nie meer in HTML5 ondersteun nie, wat is die jongste iterasie van die taal. Dit beteken dat die kode nie meer in u HTML-dokumente gevind word nie.

Die alternatief vir die lettertipe-tag

As jy nie die font van teks in die HTML-bladsy met die merker kan stel nie, wat moet jy gebruik? Cascading style sheets (CSS) is hoe jy fontstyle (en alle visuele style) op webwerwe plaas. CSS kan al dieselfde dinge doen wat die merker kan doen, plus soveel meer. Kom ons ondersoek wat die merker kon doen as dit 'n opsie vir ons HTML-bladsye was (onthou, dit word nie meer ondersteun nie, dus is dit nie 'n opsie nie) en vergelyk hoe om dit met CSS te doen.

Die fontfamilie verander

Die lettertipe gesig is die gesig of familie van die lettertipe. Met die lettertipe-tag, sal jy die kenmerk "gesig" gebruik, en jy sal dit deur die hele dokument baie moet plaas, baie keer om die individuele lettertipes vir elke gedeelte van die teks te stel. As jy 'n vlerkende verandering aan die font moes maak, moes jy elkeen van hierdie individuele etikette verander. Byvoorbeeld:

hierdie font is nie sans-serif nie

In CSS in plaas van die font "gesig", word dit die lettertipe "familie" genoem. Jy skryf 'n CSS-styl wat die font sal stel. As jy byvoorbeeld die hele teks op Garamond wil plaas, kan jy die visuele styl soos volg byvoeg:

lyf {font-family: Garamond, Times, serif; }

Hierdie CSS-styl sal die fontfamilie van Garamond op alles op die webblad toepas, aangesien elke element in die dokument 'n afstammeling van die

Verander die lettertipe kleur

Soos met die gesig, gebruik jy die kenmerk "kleur" en heksiekodes of kleurname om die kleur van jou teks te verander. Jare gelede sal jy dit ook individueel op tekselemente stel, soos 'n koptekst.

hierdie font is pers

Vandag sou jy net 'n lyn van CSS skryf.

Dit is soveel meer buigsaam. As jy die

Op elke bladsy van u werf kan u een verandering in u CSS-lêer maak en elke bladsy wat daardie lêer gebruik, sal opgedateer word.

Uit Met Die Ou

Die gebruik van CSS om visuele style te dikteer, is al jare lank 'n standaard van webontwerper. As jy dus na 'n bladsy kyk wat nog die kode gebruik, is dit 'n baie ou bladsy en dit moet herontwikkel word om te voldoen aan die huidige web ontwerp beste praktyke en moderne webstandaarde.

Geredigeer deur Jeremy Girard