Clomomts that are childuen 4 ac cies elomera . ae> pe bade eee - 3 d qe ® Aetjacerct Altouing, celeron C1) Exampu : ad } wt pricing corde Cloris 41 Selects aa fou cps hot” aso A Zaiv> elomonts: Pieced immedi deep f ¢ % ba. ; ; 3 ~ 7 ele agetee eereral eatosing. aanacton CX) nampa! aie peucuning meepte alec

a a 3 an lomants , no te a au wp 3 ae “cole: yatows® Peoucto - etomonts Sheudo - Elements A CSS jpanuclo —ataments dim. uaad Yo alyle Ghacied patty ef am elomornt , © Feusr~ time Psocteto - element Exambu: Tho exampes aaa het phar ane the “sext im alt

Clomomts - Pie poeat ~dime § Cotor! 4 440000; Fert - vauamr + malt -capa: ® Foliar ~ Letter, Paoucto - ctement text inal

elements - BES pout tester ¢ Coteu: #JfO000! ; pore sige 1 xcdange 3 ® Bepere Praucto - element Exampte: Tho fouce ving e i oi ene c4entent oh each Clemons; ml eens Content + wal (smite. af): 3© Mauax Pacudo~ clement on ‘ Exompl Tho one beneuiongy example “qe tho masuenses % tr mace ¢ Color: red; ee Sade 123 px’ © Aowction Rscucto — clement Example: Se hata attra astead ha tect ees Ona row Pack guound Th Aglacsion ¢ colon: red: ; Packasound S qe © x88 Paeuao- cinsses i Paeudo cian i used Yo capaine @ spacial stots of an elomomt . Mo Syma ef proudo classes: Selector : joarido — class § peopeny. | value ; 3 3 Anchen Paaudo — classes . Finks Cam be Ofte plage mn corer mde . MW anvisied tue at unk § cele! 4+ FF 0000; iSTW vested ue Y meUdd OVO Ltn OF were £ a! Nove, % Ceup gt DOF FOO cole » Buu ; 3 Y Aetected dink . A! AcHuo ¢ CLE 18 OOD FF 3 SS Sekar chia Exampit: &n the fouewing ex Sus atacte | , moscnss cabacl, Umm it dt ius cnt op any Bt parent color: buw: 3 OR ewig + Example. 7 Auttcts tho second eloment Of ei LY: n™ othr) ¢ “ne. back gtucund 1 ved; 3 3 in-w . Ex 1 Melect and ik the vats aha einen in angel *b inp: in vvomge f borer : ops Seid. deve: 5 ‘> vouid : , ey 5 Exempt | Aalecr ound | asl ony is dhe valid ene npur elmo vis Vail inpur ivolid § bade, ch = COLA, udan ia ‘ee and Al dhe valun of sna mplss usc and atte ong ws invaud Inpur : 2 invalid § borin : apr aotd ved 3 © Atttewte denon Tho abtibute cosctor is Usd YO Aolock elomerts usuth ° Apseifyen atttibutes Syria toa Cromaer § eackquouma ~colen ¢. elton, © Comins « vate} Aeon. dah examples Attacks all elomemts ! oricbigee “4 een " adtwiteutes , a pa “blame J ¢ i ent 3 yon 3 @® Caserinwte = vvatus] Solero foe x ak ctlwmnonts wth a Pent that contoums A Space ~ Sepaxoted Lin weds » Ono Oy rion $ : CHE = owen § exer. Spx Solid een ® Cabtutoute A = w vaue) sabe Aglecks all Clements usuth See ne ee at, eee es ¢ a paler Cetaasa = "4opry backequound + qe: 3 3® Costaiout ¢ + tva1us’] Aeteoor Examfate ; ahe fouousi 7 example Aakaetd atl = Class aueibute Yue ombs usith Cotass ¢ ~"4eai") F back 4 yeu ; 3 qn a ® Caveiuun * = ae ad Exampte : ynot ends uilth Meat” mi ing. exmrnia Aetzcs oll Glomus wth o Clase foes va tnd eertoine ste” C clase * ="4e "3 backgucund : e 3 q qo 1D im code foe uid page - D Beran of End -end conan sowncted by Sopx Bae 2 pespesty 20px. conmetis usith <] Doctype rimu> <2 hood > body Es + Cente : { (featad , soma anit usiath + 100 vin; ial 2 Owen Quon - Mem : ; bace. i ; boxctee — wacu'us 2sCewert § ad 2Opr backgueumd ~cou Logue; u Bence - metus’ Dope! Hetayto> SHRED Roumcled Coons Sheads SOU class =" Centent "> SHES Heo, Rounded Covnewd | dhI> 2Joies @ Tox. Sems cuummy text amd Gpply belt <'DocTPe himu> < Voody § iapotng + plex, Getye “content > Contec; edit emt: comsese Says loon; 3 + curry tech f Pi ung, 2Opx bends”: apx otosnod black ; bercus —vactius : 10 px; ae back qusumed ~ CBtoH, haqua | 3cistytt> g zheass < bray > S eaaru class + "amd a teet "7 > geet ZIP> < P > MeDo, MO od oid Expiaim custo ee Amd also clsowbe 145 VeUsiens. Vabdeuy of cos G8 @ essa: © yean 199g pape b C&S was muoduced 40 deponaD te Siuuchura 4 usc page $27 vita Psentanen . © CSS 1 pepuiced basic 4 ng aes , oa YO aatgma ee colo dnd Spacing. @ css2: a ideas 11a9@ £> CSS2 expamdad on tho capaniuies cae amd intusanud i Jie absouls , xotorive amd rae fae D css2 avo Sapport if Jables , inseunabena cation and era gr Cerdtuol. © essas: oe fae: 20 ©) CS 2.1 won o sufimamort of CSS, ung. on diumng 'ssucs and otasepeying Trig | Bap "Pt D 1 we usidoty %4 racclatin, ara we are wad, “obreuse@ css3: dae b> Rather tom boi - tuoloaded as a sini Css3 Is divi , Menolituc Sproprorton o Into sowesat @ MooLuLos. D Trose modules incude delsctous , Box Modal » Back z Berctors , Teet Effects , 20/3D Txama, ion , seule pak veyout. ® me ( O13) Serosiba Ponitionean. oe ess. And aloo di fate uitth ut Value. > Poaiti in css i ond Yo dno mato po ageing HTML Clamemis usittiim Ho (mgood dpe elle page: Vous of ne " position’ Peoteei @ store Caio pout) ; oie uauh © postion: Stake 57 aup poatoned accouctina +0 the o Thu us tho auth vouut, amd Clomerts arte placed in tho oxdex wo eri dhe HTML. Ex: - exampte § Posiven + State 3 Retosive . © romomts useth "position : sade }" ano posi¥ened sealoxue vo tha newmol pesto In dho aes oloctumont wD. 2 whem Lrelakive’, isu eam move he Olamunt UAine <8 op", ‘right, bottom’ anal! ops" piepouies . Ex: + examiot § Peston : welative : Yop: 10 pj “ 20px+ eS eps® Avsourts * Etamamt uaur “ posivvon ! relative!” aso pocitionad semtarine 40 shi naaXdat posivionod (not stan'c) Ancaster. © A nw poaitionad amamior 's Jound , it 1d positioned velative +0 tht Trial conrauna = block, . Ex: +e xampe t posiven ! absouute ; Yop: sopx, sak \ 80 px; ® Fra * Elomuent uritr irad ano positioned wwlative +0 17 Bieusperet 8 Sn Ae not moue usnen ne page 2 sewouad. Ex: -exampts § postaten : Liked ' are 3 mate: © Sticky: © Elomonts ano posittensd boacd on the uses scuoit positien © Qnint behaes Ue olasive bet bo, ibaa Je2e eros ushom othe O Apecilied +hxernetd ( re ot Sop 5 We wasp Ex: , ie g postven : SHosey : Hep io: 3‘ css LYS Aescuibe vr08Ww +o Aryta deangivion i Sn ess , seamasrron ailous yeu 12 Amory amimats Ho Choy iC. e ped clutiaHen peepoey won um & Hae © onoose a0 Clermont: Selnct ho HTML olomomts dq want +o oY He +Htomation +o. tar fam be elemont’ ,Suth @ a butten , link oy a Speahy aime cersaunee,

Hove eum me Aifpexonce Leruscom auto ,O and 2~ Index in CSS. QO Aw. ge ‘auto’ vate fe | Zindex ‘aliouss' re pruoussex so Quem olowmune dhe Usnat Js material close J amd now Jt wouk ? Mesadel Oalgn oo eaigm Jamqunas couetoped by Goo that aims de prouids ja untied, amd coniistent visual and Insescncrive fence Acwoss Yasu'ous cdosicos and postgoums. Keg peeincifales Of Mateutal Beata i © Masel ® Bota cowus ® quel - Bared Zagouts . @ Rospensive Animostonas © sygpegepny-Mateutal Qesign words by prunnroumg je 2s Omd Componsr 0d q Sexciopecs can use Jo cuoate appucanons usuh O conaidtent amd Mewar d Camemett | as Thoas uidobines CHuere pring, pom nad UF Ama colon sonomeds 40 MnitwacHue elements amd” animator | PF aseuns. Ore amor ane sre Siypereence beruserm as apiive design ama sompensive Clanign ? Acaprve dosign Oa wats ts coment Smet usar aceucivhg 4° © ae Wraue to werk cas keocesso Pita pus] to Cuands she ange monet Shane page hen WweHrks uooll @ Rerpensive desi be Heese “altes Fotnge os jlantie pedi item the “Cxatch. @ ©) ahatea ais amy. noun diario Of the Scxaom comes into ‘so masuket , tro content is ads Uoied ale +0 thom. ) E kommt: Stack Asuspror GuAnub Responsive desig’ - igho dna denice » wt © he ane ustlo Jooads tno content Rede Mat wad neni denipmed ® Kerignss nave to wouk mene howe +0 cuoale because S'x | vaseatond he ite handle cui} Sesecom a eet Werks usoll @ Aaaprive Gesi bet omatex anes tat ano being. cotwenanad , ® Kea rows 40 cleuelop a pean ete ete jhe 2cs200m had coma Inty tro maueet. © Exampu: Appe Amozum.®1E How aur she CSS aclocleus Matched agoriaat dike olomanss by He omeussen ? © owcror Macaini Tre beyouoaen ia ane CSS fie 40 densify Auvsuds and thou, Sesesponsna ules ® Aocument Tee Conseunrctton The brouser cons feuuchs re Aocwment on txee based en dhe HTML tturtuee. rock Moael CoM) @ corrace Marciring, Fex cach clemant Um dhe OOM tier , tha brousatte marches Ut agarat die CSS Kaloctoxs In Q boltort sepngaaniod « Stone fom the ieee Ale ctor. a dmg process chooks if dna elements Sadrsfies Aha conctivions Apprcified in tha ActoctOx. © Ape feity. Catcutation 3 Puttijate Selectous match Om clement, tre brususste CBlaulates Spociicity, 4o detewmine ushich suite 4aKos Psecectonce . eee Casigmad 40 a “Sehoctex based on uts co : ® Rute Appurcasion The becousacs, Apjauies tho ates gwen Ein eriesciad tes Ne cthe consesponaing elements in sho OOM duaa , © Pnnrasitance: a ner amie ac ke ne etamamt mma. be De een, CompassINS Gamat ig a znindox , how dacs 4 cooKk ? . F-imetex is dhe CSS pep dhar conus oe eee gat Ss Susttanputg Clemons On a page An. etarmonss Meuse, a - trotex ya, The propeetg “# eu trea er Me ors athe oxcdtex Of eumanis atone eee Sr itdex woke ~ © scons Comtext » Sack otomory useth a | arindec' Yous other san tig Creates a Se comert. By Aaaigrng ‘cal pootkve be Raa do = -Indox letetopaores ne Aaycsuuma. of; elomores usithin syackung Contes 6 Hut yous big eaimamis Yo one aeteahtont » UShile Louise oy aute’ det Hw biucusase Wrandle athe Stocking Orel, Unolecara avrg poront - chit nointonsnipos Amdt wad Centent Cwostiond td a +o Obyetvery. Sung 12 —inoten! & frwese visuat vont Vn usalo esi GRD Usnat axe she sxamaition Incss , The § Jeamsition pieopauty in Css auouns Amoot animasiorn betuseon property chamez on Clomaonts . a fr firction rae TR en, Spe Meter iaapoontley, cee Jreamsivion egtver © Pruspaeny Name: Foe i @ este ', Opacity ore Lsiolth’ , © Kuscation. Represents the Hmo axon for 3he duamsition 40 Complete Ot Com be ‘Apoaiied MH CS") ot muliseconds t's):Cotas: ® Spronal puepoogy Het ets a delay aapoue ne peamsiion Stouts , Pring, Samerion Sefunes dho acctlomation CLuwe ane Heqnsiion Metucte teas ? ‘ Common yaluos euLut » (inca, 1 ease -in', ease -out’. anc “eee -in gut! ° VOLue * SpHtonal snournand pew ahot cembines raul plo suamsiten YEues into a singte wule. Exampur: + Clomant & eamaition : opel 0.64 Cort in Out 0.24; 3 @2ly Usnar we sess? Explain its Ailent . . i css. Geaspusicn atoncs cans css, dea aupercet Of jax. OF dd a AeipH dhat Ja interred on compiled into Cas a x» ‘Anoots CCSS) . Scss thar nisea “CSS moun ranitilatde amet maimtainolo And cosie to uscite interoelucos ® vasuiosatos . " : ScSS allows tna uag vasualales , making. st possible 40 Aton and Jswuae VaLuos ee none, amen $ puimany, -cotor + bes body g bacegusund - couse : $ prima colon» . \® Nessing.. * SCSS alttouss ano Meat ; USI meMBys 1hO HTM AHLUCHD ama Ups eb vetastaniivy Css sectors Maida, Ond Anoinen, hous & we § at, vies nene 3 di ¢ Hs ptoy "Tne block ; 3 On 5 ext —clocoation . none: 4 ® Posuiats ana ompout * Sess sorget buoaiewna Aaa imde Smallie , Modular fee cated partials, + bution ¢ 2 I main. scss @ impoxt | bultons’ @ mixing Mixins allows the inclusion of ae [mein ste ere ar! Into anotner . © ISnrmitaneg: sess Suppouts Innesitance , allousung. Org ALLOCOY +0 inher othe stalas of Amott, ©22) Expioin Saplu Propeuy. of css. ~ Samo as ques (8)