Sointheexamplethat I'm goingtoshowyoutoday, we'regoingtocreate a classcalledPrettytext.
So I'm gonnacreateclass, period, prettytextandallthetextthatiswithintheclass.
Prettytextisgoingtobeorangeandit's goingtobeof a specificfought.
So I decided I don't wanttousethedefaultfontforallofthetextwiththeclassprettytext.
I wantedtobe a specificfund, butthenunderneathofthat I alsowanttodothingssuchasmodifythe H onetag, modifythe P tagsooneandsoforth.
Andsooneofthethingsthat I candioissoallthetextthatusestheprettytextclasswillallbeorangeandallwillbethesamethought.
Butthen I cangoinand I cansay P periodprettytext, soapyperiod, whatevermyclassnameisand I wantthistobemodifiedAdditionally, bydoingtheseadditionalthingsateoneperiod.
Whatevertheclassnameis, I wantthe h onetagtobemodifiedwiththeseadditionalthings.
Sobasically, thisis a waythatyoucansayanythingwiththisclasswillbeorange.
Itwillhavethisfonttype.
Itwillhaveyouknow, certaincommoncharacteristicsandthenunderneathofthat, I wanttomodifythe H onetagswithinthisclass.
Thisiswhatwe'llopenthemtheWebbrowser, andthisisgoingtoreferencetheCSSstylesheetcalledclasstagstyledot C S s.
Sothesearethetwodocumentsthatwillbeusingtoday.
TheHTMLdocumentisprettysimple.
Sowe'lljustjumpintotheCSSandthengobacktotheHTMLdocumentsoyoucanunderstandwhat's goingon s Sothisisthestylesheetandyoucansee I don't reallyhavemuchhere.
I'veonlydefinedfourclasses.
Sothefirstthingthat I'vedoneis I'vecreated a classforprettytext.
AndthenjusttoshowyouwhatalloftheCSSisdonehere, then I'm justusing a basic 83 tagtoshowyouwhatthedefaultfor a 83 tagshouldlooklike.
Sowiththat, let's goover.
Take a lookattheclasstagdothtml.
I cannowsimplydoubleclickonthis.
Andsothisiswhatwesee.
Sobasicallywehave.
Thisisan H one, right?
SowehaveThisistheaerialfont.
Itisorange, but I alsohave a backgroundcolorofgrey.
Rightthenthisisagedtoo.
ThisisanagetoagainArielorange.
Butnowthisisitalicizedthe P aerialorange.
Butit's underlined, as I hadforintheadditionalwiththeCSS, thenforthe 83 hereagain, since I didn't haveanyadditionaldefinitionsforthe A three, there's noadditionaldefinitionsforthe A three.
Soit's allthedefaultstuff, plus a beingorangeandAriel.
Sothisissomethingthatyoucanplaywith, andit'llmakeit a loteasierforyouwhenyou'retryingtocreatefontsandmakemakeyourentireHTMLdocumentlookslikeitgoestogether.
Sothereyougo.
Nowyouknowhowtospecifyhowspecifictagsshouldbedealtwithwithin a class, soyoucreatetheoverallclassforthatclass.
Thenyoucangodown H one a two a three, allthewaytoagesix p toallkindsofdifferenttagsyoucanputinthereandbasicallyyoucanputthoseadditionalattributesthere.
Andthenwiththe H onetagsandthedifferenttags, thenyoucandowith a littlemodificationswiththosetagssothattheycanstandoutforthingssuchas, youknow, headersandtitlesandmenubarsinthattypeofthing s Oh, thisisjust a verysimpletricktomakeyourHTMLdocumentslook a lotbetterandisaneasywaytodoitversustryingtodosomethingsuchascreateindividualclassesforallofyourdifferenttacks, right?
Thatwouldbe a waythatyoucouldaccomplishwhat I showedyoutoday, butitwouldbemoredifficulttodioagain.
That's a bigthingintheCSS, andthecodingworldingeneralisthere's 1000 waystoaccomplish, youknow, tosolveanyproblem.
Andthefactofthematteris, isYouTube's advertisingprogramnolongersupportscreatorsthewaythatitusedtoSoifyouwanttotheseclassestocontinuetostickaroundandyoufindthemtobevaluable, pleasethinkabouteitherbecoming a monthlymemberordonating a fewdollarsforthisproject.