0% found this document useful (0 votes)
16 views39 pages

HTML, Css - Combinator Selector Notes

Html with css

Uploaded by

Techni Hemanth
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
0% found this document useful (0 votes)
16 views39 pages

HTML, Css - Combinator Selector Notes

Html with css

Uploaded by

Techni Hemanth
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
You are on page 1/ 39
ee mo id ee ene crrvotsoy 5 onan pO A ae e 4t'g teol to communicate With Gomenne 18 called 08 fanquage 5 F PmiRANIMING LANGUAGE . — PONE | Ht ‘5 tol © commuyicate with macune — ® galled 8 programming ‘Jorguoge . 18 Tyres OF Pecseriwain Jonamnee - S ow Jovel Jarquago > High Jove! Janquage:... 1 > Assombly Jovel Jonawge - o r LOW JEVEL LANGUAGE - Only Mmochine can understandable Jarquage (Zicay | digits (031) HIGH JEVEL LANGUAGE - | Human and machine’ understandable Jonguage - ASsemely EVEL « LANGUAGE. site ae Assam) Jorquegp 1s understand 4 : popes urdorstanel Koysords make the ~ machtne: Sornocee % optuoro aot qd instructions te pafowm One Gycigic “tock to, vaduep manual time . % Two typos: ; Syptom Soptuare . ‘ S Application foptwave. oe Siem ‘GOFTOARE eo To a the ioe task. * This application povform gore’ » Specific #* Thieo typos : oueriot > standalone Appication > Web pecatont oo. > Cliont - Sowvor Application Being feres mod fret “sing Application works without intornot > Application present —_inbtuild: ” _ &yten . WEE frpucorion Web Application “internet, with dome — other @pp intosnct is with tho hlp 4 Cree troaning tthe enouet ath ig oO too) and techniq ne Bee fo implement the cipplicattion . SERVER PPP Lemon * dorat gp . "8 Nooded! 2 * With Using Wtoynot Instotation '™postand + intornot Application Pansony «ah both dont dayered 0° bil Praicttion +g [- ia, Presentation Jaye, Businogs degic fy, atabase (Front ond) (ap; dovelopor) ( Backond) To implement a lap >Hoat and bat >To stro Potticulay Yo us HTML cos, the Application, “ofoweration. of date, —" * DVO -Bpiura, Hira * doy | >the Rameuiot; * Python - Django fe is React “ts/Arqule, + eases: ae : * Nodo ais Express ae ; Cope Smpeativg Syntax | D Velogoy Delactive Syataz. Snbuild odo + operon cece, 4 0) Q reo | Unity fo dee. Crcotin | Code. 9 LIBRARY : Sado 3 Libion FRAMEWORK ' : Zlibany > Rameork: | FRONT Ene : User can experin BACKEND < User can abe INTERNET * “Interconnection iii te Bi - ico that. concoct with id wide: * dovite 4 4 Collection of Information INFORMATION It. js, contain media's | Files’. Mice prism < Packet Routy Network. % PACKET — The message want ord) the msg is tonmted to ny # RoOW 5 Eslablish the connection 4 pa niortiet 7 | package . didovont natok # NeTWORE-s Group q, dovico connected taptner 8 called as network, PROTOCOL * 1, Procol. is a sa & tods- IP FDDRESS . % evico «connected «#0 Infonet Tpaddress = Using acthoss ue accoss Pat FeP [Transmission Contd tts pe corwet estinatien NDYIGIFTION 1 ebridun — roNgoteT What happen's whilo aging act CLIENT Tn ‘is Yoguest too the, ener Tis moke au al tiny pocket SW abesld have 2. ‘internet Smid thao. Brkt Vee cotection 4, dnfownation esse ¢ collection of wob . application and * Webpage = + WEB APPLICATION * ; J 4t is a collection of vabpepes WEB PAGE “nimi document wo contain as) One wobpage, 4 EXTENSION * Trang #0 instuel He os toot ind 9 He iegle owrat "is calcd a» otforston . ® Ono Entivo appication Ge oie ott «Sige OP ceplcation 2 a & B jg a morden apprcch . qmvona + hess page ‘salead time 4% Gromple : Youtube 5’ bidnail, MUI Peoie AIPPLICHTION + Fre application _ yoturn ee Be 9458" one inge HME “doturnent itis. role ag “rath RR application . ) what intovact oth the SSE Nitntagn \ ~ @atic Developers can Creep " nen 4 ie "4 Fromple + coll tabaci» Aca i APPLICATION, DYNFIAIC ge i “Ato | ‘eso ' n also intoract with, He * Froquentty wil change Be toh ter cal Dyrax ue pages, . “developer and asi can oon the tontont “a Fovoanipt con champ pp ara pare Syncuronoos wes rrars | (SOLE rem) a Bagram wire og he en © Ab cain. 1 will | exteete only cxceatton % Examplo : tio Gara. HME Sm Barnes chaatod i me. (9a) - a HYPER TEXT MPRKUP JANOIUAGIE . ~ +, Hyper <3 ere “Vink. a3 rina Bat ae roel on the. eo WtebPoge, Markup —> Prosontation to the text . a Jonquage -» Browser Jarguage, owt ON atuttev? Chit > hood >” Atte > MY Webpage: 4 [titles | [head Abody> ’ Zp> This ja contont Behe & lindy > pot A ee j 6 z : | ie yorsion Al + Yi soc NPE html > > voros yesion oy HIME Jur get! startet kL Your document tail! 3 document i oes « Lhimiy > voute Ly html > foun nim! tag uch Page; will ort stort - \e PTAs SS ataatath (dain, Aout Te dake), 3 4 bedy> content that you want 7 Deploy Uebpap & a . oa Me ‘ * * Tag will rove ome insperration. . win F ¥ Dany thing which 3s onittose) with angle 3% Tag ‘ave 2 typos pl Si ST 3 — Zona> 4 D Pairsod tog Ceontatnes tag) 2 D Unpairad fag (soit clos évagty | vil) Loni? « det } a r vie Lie WA ¥ Withot poh it | doss not comp battside . * Sint tag ond ag: nee A Open ps wil agyree 1 Y * Ontont 5 text contont | text /inner him % Paired fag js also calle) as contoth aq # Os html, body, hoa’, poral s-tile- Ynvpeiren Tea: *% A tag tot will have paved a A tog ontlosod with or: break tho line S. o-) £n} — hosizontal tine Aina Henge “ag eae NN : 7 Q b 5 dating ie _ webpage . # dt jg “obo have pom. PPI wie hove | hi aH Prond,. Sie , * We hav he “min” fond TEXT FORMING “TAB's! 1/2 nw. OR pes ~ bold e p Oe putt wd oa —~ empasize: ge, hh ; 6 “A oioy \ alton ¢insS ~ insovt { ae!> Delete —- Qubataipt 29 | frie ‘lod aa oo ; healing exp + hv tags fons ae 4 lao 4 top ay a? et * Gentont apy this ie Page PY Cae : i ae ay 4 * tho yepptent _cewipy, 120%. 7 : of wotpagp. | a Vy Binh “BiG! othing al vaE> isi tontont apy rroans, xapping . the contoht K Tort ““ovmating 6g ond ~Gpan rds - ATTRIBUTES - ARARAS * Additional information akout tag ov lemon 8 ar line - PA, % Syntax satsttutename = * Value” SMe ae gece 4m ering 4 # Fach log con Hex on. tiata Cone AriRVeute roquantty “aso atibute fo, aed ase cote ‘ato attxibuto aS Target Flee aloment - la ; dlyle a an atlibucte Py : =, Coccto fnline 5 Style as as ‘an an bad" interne ost Bet oa mg “a Wa) > Style as van toy rogin, tl 6 o ae pesd Shor Aino!) coum teomimrarits linen - ‘omoand ~ => oe inaaolo tovol ome} J A group a element ig catled ~ elamants . Boas _ PENENT Open ‘tag along) ‘with alttsibute ; yon Haste | oe it | aistibuke © waa -, intexral inline styfe _stye aiyle ato eh Content along with closing | 1 t is callcl as one: Him aement . : mad OF el "§ ferent: tte | NESTED ELEMENT <4, es — Element by , element is called a “*hesisd.€! n OEE OE re x Anchor tag is 2. paired tag. : one * bunts aS dtad | blick the + Convert text _ into geet (the tse hypey link it ual o se done thoy toob Rp oti, Welsitorn Blas fi Anchos will have attributes : hiof - hypo yolorene . toouporE” — ! nH Aasoltto Path Rolative Path . wat pO" pavont.rode , start woth. child node nd wie CN end with child rece.” Tee Oro lop bate by clotalt its etelp Change bate fo% — PeYpose to opening new tap CHeRCTERIST OF ANCHOR ‘THGiT © Uayisitod | tinker blue, colo. Mistod link —3 Purple Color . Peek Link's Gttive => Red celo | ’ re } 5 HOW 7b IMPORT IMAGE To ‘YOUR WEBPAGE 7” dimg gree" ” alt - “fs UH ist * Order list * = Unordor list % Desesreption list | Oroerep tet: aol, > Boise > Tho list make > Num is tho dofault Aoquente ‘. applo eo Dielce 8. @onana Sot > Alpy Reman totter is uso .
    Inaginany top 4 praginany _ bation Yh View height - iced a How Jo ACHIEVE . : . | > filer one two atop boo. atop baw. nai) ar), as Aéles J Yi tard gupaon 02 wild a ee fm Youton 5 16 intuodlue VERSION = OF oy NAA iJon os hs ap | Nav taq Te Gimple Way to omernbov a@omantic fag ye Redol sais aa D —¥ Detail Lolo 4 > Aside 0 ae Mm —S Main /Maxk a ola. Nov ee co. “ottion | onietony! sll \ T — Time PR Pay migtticto's, oi >" Yque t Fiqeaption : > qpoter. Nig aereity Gemanmic Ths . nine |. HEADER : “tks tities. a header fo" Tee OF “eton | | 2. DETAILS: _oofies eatin al that can’. viowoy hide, $$ um click thal ° aummany text it unit et details about it 3. ASIDE : ~ St givo content aside from pace of content _ 4. MpIn MARK ¢ Main dpaifios fou matn eontont q deeu ment Mask i3 used for marked [ highlinked toxt - ®& Nay: Its ig usd fo" Navigation and 1 conta Navigate and its dommantic tag & section | summary ation @peifics ation on a, document umman, used qo" Vieille hacking ad O & details > content TIME. 1 ty sod fo addidata tim on decumont- 8. ARTCLE . dt is “Hd define a get: contanad piece 6 content that makes gongs’ vay’ $ He, wnt - EX’ © A nows Showy . ° a product discsuption. “an alenst /onythng we can be” frat that uportal! the “bwuser. mp > Cemeron Video fowrt fat aaproyt aii to brent. IMPORT AUDI YT Aaudin Controls S <3 attwiturto fo audis dum a.’ ¢ al sr typ . > thy € Judi |_unpaiva bactiey ATRIBUTE 8 GME FOR VitEy Yan 2 SIC > impent andiy pat. tagialy Lis seunte —attwifate anita Ls type -smaintain ie +e a \ Agoura Sic= >" type = cb sist ror fe es OT 8 nihaaitlom y om are aerate a a HF you wiht’ “digs © Geno pffoy _ wwobpage a et eal oe wo use Home. BAGO nth itl, ihn ae a dfanme used to disfay a webpage within ,boabpage. Gyntor ‘ Liftame dre = “https: / ww. willipedia com ” frome bodey = “0” gic > ppamebordor kan: | a OER ATTRIBUTES: =v > Hight > hlidth hiv THe -odaye Ah Mottin c- sapt 4 7 Ss saa be v ville wo. wor off be ? tt bho at om ie CELL PADDING * a ue a Moi ite ip" pace kotwoon cat! * pordow |. o6Be tiga ninb and cl contont ‘of * col body | CELL SPACING f it | umide., indus TPREY os ; rt Ei a ‘opltection” of OWS, and cols” tables becaune: axrange a Why uo a usteg io data tn ur ( veo intorface) .. . a vy ol (bt ofl GSls Hobos) EMPNAME FMpLOC —_EMPCURRENT 400, = heaal of ar table — Row J amith aang ot vs 2 anecl™ dor . “rua é Band ial Dray 4 Rose Cointnce ee 4t tert} > tot — fuotor Strocwre OF THe TRBIE: ay an a “crante tourcturo ‘ “¢ “yabio” wo fet tee “atl tag” ond fo ad vhded * ‘oh table" too 480" tread tog" and in tread to add you | “4 tag” insch it ue, ‘th tag’ jp data . =>‘ table ‘3 thaad tt) ths Id (Pojrcd tag) | x 6 “add \ vewrde.. in body oo “ead 7 and ip t add tho tow "ty tag "and, pi tho data ,uo 480 “td tog i : , ‘ DIFFERENCE th AND 4\_ F fe data ahould ‘jp “bole black color 4 alight Pen cctisn, ° Bey data ahold Oh ‘normal... NOTE + [oe : >To ceaoto.a colurnn thon row is eet > Wittout stow croato a “column is .net pasitte INTERVIEAL QUESTION * Ee Fr > +f thoy ave Osk without Yow. uso hove Create ¢olumn > —s.NO ; > How | to croatte a column |To cyeats. . talbb Celts - > We uso ward i re STWE y Toe: toys | > : bodes > 1 Px. @oiid black 5 3 ri 6 ess ney “SPACIN ing, friteone # ce oA Aree Ma wie hry Be tn eae ET nos Boel 7 PNT ospent ..2h,, ° oe Bis PROPERTY : me : , ro ARHENE — PRCDDING! Bi. einige + godicg “FY doteust wane isi” Padding, *0P*> Be cach calls hich. tn uy and 4 sits Outen, a TTeCNgp “to ACHIEVE SPRUNG! * We uso border agputng a is OPR+! ats by defousk valve border + Bpacing : 9 a ™ — wing jo dable ss Bes oc ae oe A FOU vat data tf, fobb are working _ fom : i wous ard colurons a q rmging ! 4 ue umn to ring * tn. columns wo colspan . mr - a eae i Beppe cospan xh,” >So <1 Ss WAM ste by detowk vo by Bibby s AL: \ E Adiria, SH defines coll oetluping’ One col “Seba oa - : i 4 : ROWSPAN | : e ‘ 43 un vont to- reroe tuo wong , UP a FOVOSPAD + 4 hat ASM ify ~ defo | “abo $8) nd ac MS] pRe al | rae ivan Ly ie i. Rie ‘eae “a be Monk Sip. sa ’ Novy | a) td \ Be} 6 Loc Se : —. noe 48 you ‘want a collect of information form «sar throug electronic way [online using bo gonding data | oe | Bi Teale describe |dofne an html Bim latee 5 caoy » ‘To - i A We use form taq ad sts paired = be Xfoim action ewe rotted =~ ” ee ne oe Adion —> give path now wo Us dunn Palle Methed — dts has two impoxtant things . * get x post ¥ GH —> “ low Ghecuvity : ¢ user click te Qubmt button ager if wo ave the mo wo gt the usoY information ©? ite go its low aoc vity . # Pos} > High Gocurvity _> That known in 38 METHOD"! BSi4t ig used 4p Geals about acu * How to Qent tho Sin Where 6. gon tte = form | data. - ee . dass The? se lts poised tg. SNNTAX : € lost fon =~ Ue srama & |Nabaly * ts lolol joa ‘ee dram fob Snput fold i To create — input fild -> input tq > Its Caran ee unbai vac, ‘ input id= * * type =* la: y fy wo read Interline» fal Hinpt Fold uo two id in inptt fold and . for tp lato! I give id mom in fo vale 4p purpose * Why wo us intovtink J $n interviow Troy ask how to — intoylirk labo! and Input fiold —S Ans: We avo Using, + ard id atlstibutos - we ts jo usrg Wthey user antor tort | . i t Go wo use typ: attnbute pumbor [data] timo montionity. 1 a tnpt id domont _ doganding oP li atinibske - | fan gine Gt omin mat min 21" toe 2+ 4D” How mn Create fatloin T° \F sits _ prone number) Pasion = *[o.9} {10} ", 3 L—s10 numbors eo digits type ReDID BuTON : for quastion we have one ansuny ex qentex : 0 malo c female —> dither mk oF jerale . CHECH 80x “for question ue havo one ancient. ex: courso > Ty H™ Uess dds Ly tere user can choo mullifla answers. Ewail Y tia email Forreat [abe Barra. com] toll for uxll motile number. Lis stands for telerhone . < input ne ” a seen Be 4 oP oe AS “ening tarept os types a tae a as Grouping, ELEMENT IN FORM ty dts dom by aways « Block loval gloment Snline level alement - Sn Serview | * Thay ask about which all beck level olomont and intima lovel_clannt =) foun. © Block lovel olornont -s tos © nti lool aoment < label EXAMPLE FoR GHROUPING ee \ % $n ander if wo avo not dora tho gisouping eet tex con sooct cue tte option - @d do @alect any orm Ws * Hove wo done naming > grouping - < labol for = “usoy - once - male * $ gercex 4 | labot S fu 49 wo aw using sme namo fo input jad then it will grouped) «ond 0 ua sdalock S| poe th tte: wo uso option 40g. options ] Naluos add > Goloct 4 option are pared tag. . £ [label > Ex: COUNSO Zabel for = Agdoct rome = < option Nolue = < option Noluo = option Value = * React * gclottad > Reset js4 v ‘to cefault volun On get ko ‘that. * ygoy _ couse” > Chee Scoursn ” id =e Us - couso “> html "> HIML 2 | option » wegs? S 098 4 / option > | options drop down. . To charog >is ge aloctas) atibutn = means wil) @hown there . cnoos2 | jf an [Root 3S V oddess moans .@le input 409, is => 46 wo want gre fOr toxt avod © OQ ” A lokol for = “usov _addioss “name => add toss sow -° 3” cols=*10" > 4 \toxt avoaS L4ortarea id = * usoy _addioss " namo = Saddxos 3 % Uso input file 0 oom input type =” fe’S + Us input coloy tn form A input — typo * color" > a % Vso — input input typo =" url"> * Submit button - input type _* Submit "> % RESET BUTTON , Why wo usirg Hiddsot 4 lagerd| url io form iat fox exacting, boidoy of Town and legend Fox giving home A fioldsot > < legend > @tudont Aform> | & [form 4 A | fieldsot > \Mehmpmion — ATIRIBOTES * Nolidation dono tp only x toncond itsol? aomo of thom wo can do. Dolaile ENABLED | By Aefautt oan oan too, of form is onoblad and dont noah to Span. DISPBIED - : a ii memo reclit. USat at oe adit): Hiriv —npul_ do @miwo if Cont ” oie nome . * tame typo = "text _* Fntor your name aS ee | FEntoy you name Sver Sn placo numbor We 0 NO ee oe will increase the numb by} and ™Y aqui G > Pees «CTS if click =the incvoases button (6 to 15) fkomerar at nt (We ug atop ativibute- Pinel lr for alart with 1 if wont liko tot wo use min ornibste « Mex ° 5 o i want ends with here means We axe using d max ativibute. need apply noted id Foy etaniple Wf we ) ° means => mio = ig? 4 max oe. READONLY : St Gorm Fo disable] but the Ai Slovene ib we can So inplt fold it looks Viko tn activa if know 1S ssp dnl dick thot =e rama = means tout REQUIRED © ag ES Atel oe rod if gy roqstoo. sot Sota eee then only for its utbritted : Fring Bye : | @yntax :- ; :

    pollo oss < IP) #4 is usd 40 inline ching ard ue um @tyle as an _ attiaibutos . SNTERN pL OSS Here un uso lye ah tag . Syntay. Gyntay Be. lecto dsiule) Qolector f Property Noluo P fitoloy : tod ; , x (Style > + |INTERVIEYO QoxrsTioNns * not Ynline Why fntornal - 200 + codos dp ux Bry | Nore oy 4 un havo (cach and ovary tag ) ov ipline, | STO not i ain + developer quite it — yoolucos productivity a aa pe oth not Sotomol — Wuy » prafor oxtornal & H we hovo More 5DO + codes de \ ‘ 0 ortor nar’ - goal ard BH fs not quriabie go ve 9 aie. External. USE How 7 link the internal, ¢S8 to yous html - nm dts unpaivodk tog, atyle ye > @tands jo yolationship - hiof 4 @tands 404 hypav reference - Ime Hoyo. «wo le yolative path. d\ink vel = * atyloshoot ho es 5 Hs unpattod og, STEPS > Fist we have to Crate zie ir (08 folder ( filename . 0gs) had Aftey that go back html tile inline we tag => 7 ol Pri . ORMY : |mporrayy Inerviev> QuesTiON -- proaty yale way intovitk es io ted. ee : | Paionitty Ss Anlune ess. wa. 9 Pua > Based on dovelopoy intel NOTE © E *« tt ats qivo intoynal tye is first tn insido bread tink 409 Cotasna) taqp) and after wo ge ortnal do that * Thon intemal has pyavsico only Gorored paiontty io basal developo eeu How tp charg the prion) oxpiicit) ¥ We uso | \mpoxtant + With bh o important Veyuord wo can cheng \ the paiostty oxpricity . |) EXpppLe 4 style Rt Backg ound Ecolox 4a) | \mnpcatdntal 3 a 4 I style} | GBELECTOR x Goloctor vith goect tho html clorant per Byte | desi nqing See tl ae hin YP ) @imple @ekectoy 1) Combirator Goleto" f GRY 2) class name @oloctor - 9 Tebkcleront name Qelecto’ / i nae 4 rivers aolectot - 6) Groupin, aolottot NOTE ¢ a an interview “toy ask fox 0D prenlornsN® g 2 th can abo multipo SS Dip >. ADs Yos 5 Possilo . Manis io et OF aot: ti, Se lp Name SELECTOR With help of id nome we usd +t target tne pacific olornont - pe s 1d name Hid name # pova | g packopowclcolor “rod 5 2) 5 targa idname . f hts ee off | pT is umd a tongt class rame . 4 BE NOME se.ecrob faq name gelaclon i not rocommar ay Hegeare { Pa ~ Proparty : value Coloy : ral ; 5 _ ONVERS AL SELECTOR Tts for usd to target entiyo wob olemant | ae il | | wob page. [ Sreuing html ond boby | | { Proporty : Yale 5 color :vod 4 5 * With the help of usd +> target fo ontiva wb Aerrort on wobpaye. “a F priory ge (late pxtionify > and priority -> Class x aro pxionity Toq name xe least paionity —> Universal qoloct” - clas 3 nore oq namo goketor wil pvorido by ame eyovido by. namo goctoy as éamo as wor id name @olactor - ID CHANGE PRIORITY me) Wo wo | important _> help oy jrnpoxtant GeooPiner SECTOR Gopar Ae combination = id , class 5 tag galecio? known a8 Grrowyping elector . by comma Ss ex: # para |. para » Span f Backgeound _ colo: red 5 Ps CompineroR SELECTOR a * Based an aloment -yolati onship wea 4" targeting en 3 oun as combination Aalector - eo uo lave 4 typos - Pavan’ | Descondont elector 9. child — Selector an Ch 3. Adjacent — ibbling Bobet > ee ( atbbler ~ 4. Gronoval biting Sooctow ye ¥ ere shores meine Stantting and What you axe — fargetting timpoutant 10 combinatos Gabe body | Nove" : ! Ss pavont [aie | body 9 c ete), gor atl the tagy/ ip span element - P DESCENDANT SELECTOR peas a_dixoct * tis used ‘0 alec | tonoet ct chillin . i x With ‘he volp 4 * gpaco” We Oe target i both _ indivoct and divoct qnilavon - » 5 diy Galoctov Ba L yotor's its descendent : Background - colo" Bayo Html < body > ddiv> Zp child | < gpan) Chilo! 8 -s 4 | spans Hi, - ‘5 iJ 4A Idiv voy child ar 1 Z py. albuling | Ry lalvea chil

    dibting 2 <|P> L lbdy> CHUD SELECTOR | (>) divcl childvor . $4 used to elect target ae EXAMPIE : a S02 - Ty sofas child qolectoy. ee Background _ color sod 5 4 th e With ‘the help 4 symbl PP tong child @oloctor . dixect child =" Assent Siang’ (4) ~enrs ween “uscd to target the Es en target ee next element / } nett qibbling - With tho holp + yt tho next atemmont - P< or) > dor , => chown) ES ord , > oe EXOMPLE ‘ p+p it ee es edjacont aibbleg 4 Backgiourd - color: 10d & re y ‘ Genera. — Smeuin@ SHECTOR CH ae jg toy ol noxt alomant [atl rot with tt folp S$ Calilt aymial) target i 3) bod did next alement - oor EXAMPLE > pee P div w sf aie ic genoa! giblng gdeclor ng id 4 4 Backgyound _ colo ! yod5 ‘ ATIRIBUTE —- SELECTOR © aatibtt ° sod to With the IP ; . as atinibute targeting ho glements 19 fh Goloctor - 1 ing Bee el = aS j me, Basod on aitbaibute . used axe forgetting tte clorent J # Wo have 4 types: >. gust with atiaibute ee om = 8 Atpibuts 4M ca! wood - Ls chock the profi Be) Aihule with dio 9 . Ls cheek for Bustin word. . AMivibtte with vexticol ina | pipcline - Ly chock }or vale uovorco) by hyper [value => 6. Attribute with tit ,( 0) Ls chock jor vale 4) pac?” ere eee ie - : * D7. shite wih Astrisk Symbol * IN Lsiarget al {. Just with ATTRIBUTE ats imply targeting atiaibute name SYNTAX tagnanne [atixibute ramo] £ Pyoporty : value 3 4 Example! . html & html > & head A link Ahead > L body» 4 img Bre = & \iy> 4 |html> + CSS ae @tyloshext x img [ort] £ j Bordds > Ps Qolid — beack 5 hrof = abdul Kalam ipa” tho alerant « tho _glenent by [noha | : : astylosheot ot 9 ot = * ABDUL KRLAM iy - tagname [atinibuterame $ Patopavky rvattie 5 EXAMPLE .” img Lau $=" eer" Jf Bader :ipx @olid Black 5 f ; a 4 : SYNTAX : : tagnarna [atixibutenamo w = Value a t Propayty + Value 5 EXPMPLE * img [ott wv. ‘porn f Border - | px oli’ Bleo 5 5 4. puRieuE win x» [nsirtk dymBoL | : \ «al fi is usod > target at the \ Font awasoms. (om - : Bigup [ Signin to ot. aim Top click = yout kits. Stee 4° grwoi!and gt ye id gel click it auupt: Sree 6: nd thon COR) yO Filo insido body tag Str 6 > Posto on ous html Step T Agan in top Click leon and = taro below Mls cidoarch, butrn Click freo and epan court don, Seon “wo click ‘tat up St Srp g: (fot yn it emt coda

    £1e> than Copy and tongbsck pavo on youn cdo! nimi. file. 4f um vant t charge He clo to 9 to to ‘that axternal «CSS ge

You might also like