| cold: name, P| | Rt -Sr20: HP x, 4 Zidw7 | | ee L_ 3 eae aly? Flihy thee a spnce cn te lat A Right Aidat2n boetop, gacing o = ght Sides gq “te bares by Clefaurt- => Hod +o have Spacing after cach Beotshop Grd Column 9 8y using Margin Margin Vawants! TO get fpoce a> farticular wwe “margin-top + magn =p SP . + Margin - aight + Margin bot + Margin- loft > Acting trargn Bottom - " - “lass Veer Class - Col-19 © spacng ; “Guta sppaing f ) margin. ; Bootstiop Utiitia By Spacing j Se Maran —— enengincien | ye aa, | > talYe 09" Of Oy Margin aght | mr Mmargn—bettom | mb —* lest mist Mon an—ley Scanned with CamScanner a aMargin vatuas. sxe | value Spacer ts a variable any by Ohjours ° 0:95 ¥ Spacer H has value gq 16 piel, P ° ! 9 0:5 % Spacer er mb-3 = [#K Iepx “6px 3 | 41 Spacer 4 DI mM-5 =3 4 I6px-Hepx 1.0% Spacer | 3 Spacer Nooo @e can chide pov (otuen Spoor y - ee and -her) ack (mb- 3) Bi geting 2 7 aE dw ctass ='ot—-12] |co1 -md-, -dg - Hopes 2 div Adwctiow = “Wot-19 }|Col-md-6 --4Idivy 4dw class = "Got -13 | {Col md 6 ~- v for abile devi cat 4Idiv> Aldi Key Tate aay -|:— kev Taleo cnany - 2:- * Detelepy louyast p + Boothap uttlihes 5 Refporenve Graaken, © Bockqourel Golors + C88 Ebr popertior * Say 2 Magn Yovarte: i Scanned with CamScanner= Bost Ertrap Nav-tar: Bootstrop ure | css Bor \. corps | flr | “Pept > ¥ Nav ba Bleck-leve! Margin, vie) Elements auprey Nav 7 : bor PS Harbinger Ieon = cH oO navbar 1 cur website Gboottap. com Rocumnentatian (tq) dong Newbaw CSaondoan ) é Veupu can cot be Nasbat, Home; Abcutine f 1st bowed apprcach) Copy the Cade Joh aie i | ‘ f Mn large, doviess « Paste in broly beck = Aching lego ard stybrg par Class ="Nowbos Mavben-erpard-md Noybar—light —by-whife" > 4q cass -"Mavkar- brand! hep 231" 7| Navbay mS =" Grrage Ut claw "enka reghy a) Lago fing in teplace tons aldiv7 Pr Bc Bliqnina Fekbor Aovber-rav —— puvbay coligyué th: dopa; ee ORGY ar ; PY heat hs Ss i \) Pedtirg ; Spr « axbrtiad high Fovhar-nav coniare she xght q Novbor-cotopso rain v GI fe Homie _ About a Tetkmoniol Fe ie navbar Cle *. nav ii magn i ia Arbowmne — Prayees Tertirnicu 3 [ E* ] bupdive§ — (occupies Fur egies ina * Block level= ~ Ahne eel (2) img, button, Ard® Cas much aidth ay neceticuy) pan we cont align Bleck level elements using “his prcperty margin: we can cwigr Bote tere drments h8iaoniaty using margn Prperty = Pporl from \atues (pre eb) Halse Accepts Quito feyco8d ad Value. maagn—aght auto » m-auto ¢ mt_auto «mr -auto Chong O77 background Cola to norte oe el a ONseyfTakeoways _ Bmx ee i Hf Be © Adding links rare Properter + king lap © Margo Repay vtue o Adding New items ty m TaNgin: autos Q'9 ~lep+ sucka; e Changing, Navbay * margin —right: aut: backqound coi6, ” oo Otlares + Margin Quit , OY: at UE Cantheamner to=> JCB Beloctty soma. nhenitance:- Type Selectors 9D Setectors Class Selectors Shhevtance wa Tl sila CSS Selectors | Most fundamental Concepts gd css Selectors Gre Used 40 Select the HTML elements which we want to Style. > Different types o Selectors: ba © Sirnpte Setectors © Claas Selector 0 PD setector Vets feam Ware 3 now 4 leter in, rest © Type Ctag mame) Serectd) © Unwersal Selects) : © Attibte Getect3) © Pseuclo- class * Compound! selectors 2 Complex Selectoys ofc. Clase Setectd\!-)) Soiccts ay He HTML elena! “thor hare QW Clasp rom G) QS the Class attibule Value. sclasromé f YCcorsrsts g ot C+ Moltocord by ais rom. Pepertyl vate; a a Soe cy epee pa eered Cot pare oy Setectt ) Se1eds on HIMe Genent basa (at) td attibite value, xi ee i) ccreists g hash CAE) plied ty ia atideame } te dlement.. — oy dk Pere vole Note: There Should be only ane Hr perky 2: vale; 7 5 gemtiome gen dey (3 “Type Ctag name) Selecta: Selectt ai the +AU a —— Shermans Wi tHe Coe erent pele tagname { “hes 4109) rome Chy, P, diyere’, SY: Vatu: Preity » Yotuer, a a Scanned with CamScanner nnannnnnnnnn ADNNANDAAANRA SE AMA A Mm aM n— fundamentals of ca. GN 06S, the Stiytes that are appled tp HTML etermorsts cleperd cp sibree ~fundarnental Concepts: + @nhewttance ant at 3 ae . pectficity Con + Cascade. Y Ohherttance:- Sarre ge Cas properly Valuer ss 1 te Parent elements axe Beceved C Inhented ) buy thor chitd eternertr. Pavert | Cente] | oa i [sd onsen: crtn and “hy About Sroka | Ca a | *Courky-Contarner { P Feputaticn oy ratio. b> Ly 4 Cas: Hue ; ctert — alan: center, Sect ee. biden cord SF - | Avot Gndi Fopulotion g Sean peer G z CSS Pepe Ce “20 styper » Ohare ‘Color 26 States in Tid. 4G Prperticn Be on cps ~ Add, i Poding Styler Using 7; Ahir Heading!) cts ny ba Ctag Name) getecsa , IT Any Heocling 2 ¢thy> ae alhi7 Hesckng 5 “thi Sanned ‘with CamScannerSD Vidting styler using class Salect® nn & et © < by Headings a, a _ | heading { hi? Heading «thi Cols! biue ; hy closs-"headirg"yHeadng 3 thi) Bnt_loeight bow; ; 4hy Claas =" heacling"> Heading +4thi7 | Ms 4) sy . J . ‘ ah, class. "heading’> Headiegs 4Ihry J - hig oP Heading! \ ‘ iat pronty to cheading Coe Heading? [ees ematon ard wen wrradri Heacieg3 jessie Shyer Wie bok S982 Heading # fig vd UR toro ty NRG Headings | oe tn hy wrt be appliad for Heading 3,4 45 CAs we speetred chy Claw = heddi* >’ , at benno be tte sce priority’) cl 8 Type: Setecty 3 > vilding Styles using TD Satecto. ‘ Be Specific (unique) s Ahr Hering) 4Uh7 Ali Cunique < Lh Heading 2 ee steheadng® { é 4hy ass =" heading’? Heaotra 2 phi? Cola: qrea; 5 ghy cbsss « heading’ Heacin 4 «thi? tere wpe, 4h caass-"haneing [fd =Theoolg > Heng 4h > fos spo Howe, Shine shes, an 5 ; | gp! Weeding! ; 7 > Pppied directo HTML | Head ege. id : erent. \ Heading 3. | pple ny 8 oye Headings | HTML clement thegour ‘ Tray use tho Style ontibure (Peseing’5| toe i orth C98 preporty yates ceyned i colin ) ‘ el edge eee aA Ne Peeve, | ' ‘ Arm bute Atmbute Vatue name A 1 Style aitbute Consisk a, Te & mae oss e J fake » Scanned with CamScanner- ah Heading élhiy of hy Heading 2 4lhi> | Heading! } , hy ciass.“headkrg’> Head ng 3 Heading? | , ahi class= "haading">Headng 4 Llh> Heackeg3 Pchyckesthantrg ichendirg> | Headngs | B she backyen iB: Ore; aL ; oh pee pecr fic t Styles appred using inline Styles cai 5 a mere Sersce> overste ory afer Soyer Spend TGrinesyiee| |g, } ang. Selectors Ap Sees) 1 > how Hibest Speoperty- Clase Setect) | “Type Setactd) | | Locoose (sing dhline Styles me Deerg Shire Styles 1S Tot Yecommended because . Inline style ave not _Seusable + JOmHO LITE 1C38_ Separately INoreaees cade seadablity. CSS CaSCade:- ¢1ay spsciy chesron specipy chet fund) browuer ) WWhan tuo ulescs apply that have equal Speci ficrty the Me tot Comet la8t 97 the CSS wnt be ured. bs Pr Lh9 About Fndia gi? GiopBtorce . Caomple: wagon { 5. a > calB green; Ah claus = ‘Stylet > 4 Arnot nde int TNE vatye-I'f Cold: Green; Aout Ardio, 4 A\hy hf oe ; ts Overniding | fnpatant Pape 7 en en