Ndarja e faqeve në blloqe në css. model blloku

Pra, nga e thjeshta në komplekse. Le të shohim se si shfaqen blloqe div sipas parazgjedhjes pa asnjë stil që ndikon në pozicionin e tyre. Për qartësi, ne do t'u shtojmë stile elementeve në linjë, përmes atributit stil.

Le të shtojmë një vlerë të gjerësisë për çdo bllok:

Mund të shihet se çdo bllok, sipas specifikimit, ndodhet në një linjë të re. Kjo është sjellja e tyre normale.

Tani lind pyetja se si të organizohet blloqe div në një linjë, njëri pas tjetrit?

Për ta bërë këtë, ekziston një veti që përcakton se në cilën anë blloku do të detyrohet të rreshtohet. Në të njëjtën kohë, nga buza tjetër, mund të mbështillet me elementë të tjerë.

Vetia float ka vlerat e mëposhtme:

• majtas - blloku është i rreshtuar majtas, duke u mbështjellë në të djathtë
• djathtas - blloku është i rreshtuar djathtas, duke u mbështjellë majtas
• asnjë - mbështjellja nuk është vendosur, blloku sillet si parazgjedhje, si në shembujt e mëparshëm.

Le të shtojmë një float:left në blloqet tona në mënyrë që blloqet të rreshtohen në të majtë:

Si rezultat, blloqet u rreshtuan në një rresht. Në rregull, le të themi se duam të shtojmë një div tjetër në fund, dhe mund ta bëjmë këtë pa specifikuar vetinë float:

Blloku 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit

Blloku 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit

Blloku 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit

Njësia 4

Blloku 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit

Blloku 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit

Blloku 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit

Njësia 4

Pse ndodhi? Shkurtimisht, kjo ndodh sepse elementët me float bien jashtë rrjedhës së dokumentit. Sidoqoftë, kjo është një temë për një artikull të veçantë. Këtu do të njihemi me një pronë të re që kontrollon sjelljen e elementeve lundrues:

• majtas - çaktivizon mbështjelljen në anën e majtë, të gjithë elementët do të shfaqen në një rresht të ri (nën elementin)
• rigth - parandalon që elementi të mbështillet në anën e djathtë
• të dyja - çaktivizon mbështjelljen e elementit nga të dyja anët, rekomandohet ta përdorni kur duhet të tregoni qartë elementin nga një rresht i ri ose nuk dihet nga cila anë është e mundur të mbështillni elementë të tjerë

Le të shtojmë një pronë clear:left në Bllokun 4, e cila do të parandalojë që ky element të mbështillet rreth elementëve të tjerë lundrues në anën e majtë.

Blloku 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit

Blloku 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit

Blloku 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit

Njësia 4

Blloku 4 vendoset në një linjë të re, siç na nevojitet.

V këtë rast ne e dimë se si ndodhen blloqet e tjera, kështu që në shembull kemi treguar menjëherë qartë: majtas. Ka situata kur nuk e dimë saktësisht se cilën anë do të takohet blloku lundrues, kështu që në raste të tilla ia vlen të specifikoni qartë: të dyja, gjë që anulon mbështjelljen nga të dyja anët. Tani kemi kuptuar se si të rregullojmë blloqet div në të njëjtën linjë horizontalisht.

Duhet mbajtur mend se blloqet vlerë notuese të vendosura në të njëjtën linjë, nëse gjerësia lejon elementi prind. Nëse elementët e bllokut nuk përshtaten në një rresht, ata do të mbyllen në një linjë të re. Nëse kjo është kritike, për shembull, kur vendosni paraqitjet, duhet ta merrni parasysh këtë, dhe për blloqet me notim, sigurohuni që të vendosni gjerësinë - fikse (px) ose gome (%, rem, etj.). Le t'i hedhim një sy këtyre situatave.

Si të ndikojmë te blloqet nëse duam t'i vendosim këto blloqe në qendër?

Zgjidhja klasike do të ishte shtimi i një prindi në blloqe dhe përdorimi i marzhit: 0 pronë auto;

Pse i dhamë vetë prindit klasën .wrapper? "mbështjellës" në përkthim do të thotë "mbështjellës". Është një lloj praktike e zakonshme për të përcaktuar një emër klase kur një element mbështjell blloqe të tjera dhe kështu lejon që ato të manipulohen/ndikohen duke ndryshuar vetë prindin.

Le të marrim shënimin nga shembujt e mëparshëm dhe ta përsosim atë.

Blloku 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit

Blloku 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit

Blloku 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit

Njësia 4

Gjithçka duket se është e thjeshtë këtu.

Dhe nëse nuk na pëlqen që teksti ngjitet afër skajit të bllokut prind dhe duam të shtojmë margjina pa bërë ndryshime në shënimin, vetëm me css. Le të shtojmë vetinë e mbushjes tek elementët:

Blloku 1. Lorem

Blloku 2. Lorem ipsum

Blloku 3. Lorem ipsum

Blloku 4. Lorem

Dhe ne shohim që paraqitja jonë u shkatërrua! Blloku 3 shkoi diku. Pse ndodhi? Përgjigja është e thjeshtë. Duke shtuar margjina elementeve, ne kemi rritur gjerësinë e tyre. Tani vlerat janë:

Blloku 1: 10 + 200 + 10 = 220 px

Blloku 2: 10 + 150 + 10 = 170 px

Blloku 3: 10 + 100 + 10 = 120 px

Blloku 4: 10 + 450 + 10 = 470 px

220 + 170 + 120 = 510 px

Gjerësia totale e tre blloqeve është 510, ato nuk përshtaten në gjerësinë e bazës (450) dhe për këtë arsye mbyllen në një linjë të re.

Si të rregulloni? Ju mund të bëni sa më poshtë:

1. Rivendosni vlerat e gjerësisë për çdo bllok, duke marrë parasysh kufijtë. Reduktimi i madhësive të bllokut. Gjithçka do të përshtatet mjeshtërisht në një linjë përsëri. Dakord, a është e pakëndshme? Çdo herë për t'u ngjitur në paraqitjen dhe për të modifikuar diçka.
2. Përdorni madhësinë e kutisë së pronës: kutinë e kufirit. Kështu që llogaritja merret nga gjerësia totale e bllokut. Unë ju këshilloj të zbuloni se cili është modeli i bllokut css.

Ne përdorim opsionin e dytë, rezulton kështu:

Blloku 1. Lorem

Blloku 2. Lorem ipsum

Blloku 3. Lorem ipsum

Blloku 4. Lorem

Tani le të mbledhim të gjithë informacionin e marrë së bashku dhe të përpiqemi të krijojmë një plan urbanistik të thjeshtë tipik me tre kolona imponim gome, e cila do të shtrihet në një maksimum prej 900 px, pas së cilës i gjithë faqosja do të pozicionohet në qendër.

Krijo shënjimin e paraqitjes:

Stilet e të shkruarit:

Trupi (gjerësia maksimale: 900 px; /* kufizim gjerësia maksimale*/marzhi: 0 auto; ) /* për të gjitha blloqet brenda trupit, ndryshoni algoritmin e llogaritjes së gjerësisë së bllokut dhe shtoni 10 px margjina në të gjitha blloqet */ body div ( -webkit-box-sizing: border-box; -moz-box-sizing: border-box; madhësia e kutisë: kutia kufitare; mbushja: 10 px; ) .header ( sfond: #CCA69E; mbushje: 10 px; ) .bari anësor i majtë ( gjerësia: 20%; sfondi: #8ED9B6; float: majtas; ) .përmbajtja ( noton : majtas; gjerësia: 60%; ) .bari anësor i djathtë ( gjerësia: 20%; sfondi: #FF9282; notimi: majtas; ) .footer ( sfondi: #000; i qartë: të dyja; /* çaktivizo mbështjelljen në të dyja anët, blloku shfaqet në një rresht të ri */ ngjyra: #ccc; )

Nëse diçka nuk është e qartë, pyesni në komente.

Përshëndetje të dashur dashamirës të IT. Sot, mënyra kryesore për të krijuar faqe të bukura me shumë faqe bazohet në paraqitjen e bllokut duke përdorur etiketën div.

Në rast të injorancës së hollësive themelore të punës me këtë mjet, mjerisht dhe oh, por tërheqës dizajn adaptiv ju nuk do të merrni asnjë. Prandaj, ky artikull i kushtohet temës "Si të krijoni një bllok në html". Unë do të përshkruaj në detaje se si të krijoni objekte blloku në faqe nga e para, si të dizajnoni sfondin dhe dizajnin e bllokut, dhe më e rëndësishmja, do t'ju tregoj se si të përfshini një fletë stili. Pra, le të fillojmë!

Karakteristikat e elementeve të bllokut

Blloqe janë elementë drejtkëndëshe që zënë të gjithë gjerësinë e disponueshme të faqes, fillojnë gjithmonë në një rresht të ri dhe si parazgjedhje llogaritin automatikisht një lartësi bazuar në përmbajtjen.

Të gjithë elementët e bllokut përbëhen nga 4 veti që rrethojnë përmbajtjen e objektit si korniza.

Kreu i bllokut është përmbajtjen.

Rreth tij quhen fusha mbushje. Margjinat janë përgjegjëse për distancën midis përmbajtjes së një objekti dhe skajit të tij të brendshëm të kufijve.

Pas kësaj vijnë vetë kufijtë, të cilët quhen fjalë angleze kufiri.

Dhe, së fundi, korniza e fundit rreth të gjitha sa më sipër është diferencë- mbushja nga skaji i jashtëm i kufirit në kufijtë e faqes ose elementë të tjerë. Vini re se këto veti janë opsionale.

Si shembull, le të programojmë 2 dhe të plotësojmë elementet e krijuara me tekst.

Në ky moment në këtë kod do të shfaqen si dy fjali normale. Për të hartuar blloqe, duhet të lidhni një fletë stili dhe gjuha css caktoni veti të caktuara.

Le të sjellim ngjyra të ndezura në jetën e përditshme html

Në mënyrë që objektet e bllokut të duken interesante dhe tërheqëse, duhet patjetër të përfshijmë një fletë stili kaskadë.

Për ta bërë këtë, në enën e kokës pas etiketës

Blloko në css - 2.

Blloko në css - 3.

Si rezultat:

Tani në CSS, unë do të tregoj disa truke ku zgjerohen mundësitë e blloqeve HTML.

Kufiri i bllokut CSS

pronë"KUFIRI»
Unë shpesh përdor një kornizë kur krijoj faqe në internet. Kornizat më ndihmojnë të shoh se ku fillon dhe ku përfundon blloku. Kjo ma lehtëson punën. Gjithashtu, korniza mund të përdoret për të projektuar blloqe.
Për të krijuar korniza për blloqet, shkruani rregullin që tashmë e dini "kufi".

Sintaksë:

Border: border_thickness border_type border_color;

Blloko në css -1.

Blloko në css - 2.

Blloko në css - 3.

Nëse nuk e kuptoni se ku dhe ku kam hyrë në CSS, atëherë kushtojini vëmendje rreshtave nga 4 në 17. Dhe nëse keni akoma një pyetje të tillë, çfarë bëra, atëherë përsërisni mësimin numër 3 - "".

Rezultati:

Tani mund të shihni kufijtë e bllokut, dhe kur kufijtë janë të dukshëm, atëherë është më e lehtë të punosh me blloqe.

Mbushja e bllokut CSS

pronë"MARGJINA»
Për të vendosur distancën (indent) nga blloku, përdorni rregullin "margin".
Kushtojini vëmendje diagramit. Parametrat vendosen nga blloku:

Vetitë:

• krye- ana e sipërme
• drejtë- Ana e djathtë
• fund- ana e poshtme
• majtas- Pjesa e dorës së majtë

margin-lart:30px; /* ana e sipërme */ margin-djathtas:70px; /* ana e djathtë */ margin-bottom:90px; /* ana e poshtme */ margin-left:120px; /* Pjesa e dorës së majtë */

Forma e shkurtuar

Ju mund të shkruani gjithçka që kam shkruar për futje me secilin bllok veç e veç në një formë të shkurtuar:

Sintaksë:

Margjina: ana e sipërme e djathta nga ana e poshtme_ana e majtë;

Margjina:30px 70px 90px 120px; /* shënim stenografi */

Blloko në css -1.

Blloko në css - 2.

Blloko në css - 3.

Rezultati:

Nëse vendosni një parametër në rregullin "margin" (Rreshti nr. 22):

Marzhi: 100 px /* stenografi */

atëherë distanca nga blloku në të gjitha anët do të jetë 100 px.

Mbushja brenda një blloku në CSS

pronë"mbushje»
Për të vendosur distancën (dhëmbjen) brenda bllokut, përdorni rregullin " mbushje».
Kushtojini vëmendje diagramit:

Vetitë:

• krye- ana e sipërme
• drejtë- Ana e djathtë
• fund- ana e poshtme
• majtas- Pjesa e dorës së majtë

padding-top:30px; /* ana e sipërme */ padding-right:70px; /* ana e djathtë */ padding-bottom:90px; /* ana e poshtme */ padding-left:120px; /* Pjesa e dorës së majtë */

Forma e shkurtuar

Ju mund të shkruani gjithçka që shkrova më lart në një formë të shkurtuar.

Sintaksë:

Mbushje: sipër_ana_djathtas_nga ana e poshtme_ana e majte;

Mbushje:30px 70px 90px 120px; /* stenografi */

Shkruani në skedarin HTML si kjo:

Blloko në css -1.

Blloko në css - 2.

Blloko në css - 3.

Rezultati:

Nëse vendosni një parametër në rregullin "mbushje" (rreshti #21):

mbushje: 50 px; /* shënim stenografi */

atëherë distanca brenda bllokut nga të gjitha anët do të jetë 50 px.

Gjerësia dhe lartësia e bllokut në CSS

pronë"GJERËSIA"dhe"LARTËSIA»
Ju mund të krijoni një gjerësi dhe lartësi blloku. Për ta bërë këtë, përdorni rregullat "gjerësia" - gjerësia dhe "lartësia" - lartësia.

Sintaksë:

• lartësia - lartësia e bllokut;
• gjerësia - gjerësia e bllokut;

Kuptimi:
Vlera jepet në px ose %.

Gjerësia: 600 px /* gjerësia e bllokut */ lartësia: 250 px; /* lartësia e bllokut */

Unë mendoj se nuk ka nevojë të shpjegoj se si të futni një rregull në CSS, në të njëjtën kohë do të kontrolloj se si e keni zotëruar mësimin #3 se si të përfshini CSS.

Rezultati:

Blloku do të ketë një gjerësi dhe lartësi të caktuar.

Nëse keni nevojë për të parregulluar, dhe bllok gome(një bllok që shtrihet përgjatë gjatësisë së monitorit), atëherë në vend të px, duhet të specifikoni %. Vetëm mbani mend: i gjithë monitori është 100%.

Gjerësia: 90%; /* gjerësia e bllokut të gomës */

Blloko sfondin në CSS

pronë"Sfondi»
Ju tashmë e dini rregullin e "sfondit", kështu që nuk shoh arsye për të përsëritur veten.
Dhe kush nuk e di, ju mirëpresim në faqen me.

Blloku 1.

Rreshti numër 7 - me rregullin " sfond"Ne e zëvendësuam sfondin me jeshile

Rezultati:

Ju mund të mbushni sfondin jo vetëm me ngjyra, por edhe me një foto:

Sfondi-imazh: url(bg.gif); /* Imazhi i sfondit */

Blloku 1.

Rreshti numër 7 - me rregullin "sfondi-imazh", ne e zëvendësuam sfondin me një imazh të sfondit.
bg.gif është imazhi i sfondit.

Rezultati:

SHTESË

Blloko transparencën në CSS

Vetia OPACITY
Një bllok mund të bëhet transparent duke përdorur rregullin CSS "opacity".

Sintaksë:

Opacity: vlera

Kuptimi:
vlerat janë një numër në rangun nga 0 në 1.

• Vlera 0 - transparenca e plotë e bllokut.
• Vlera 1 - opaciteti i bllokut (blloku do të mbetet ashtu siç është).
• Vlera në fraksione (0.5) është tejdukshmëria e bllokut.

Blloku 1.

Rezultati:

Fshih bllokun në CSS

pronë"SHPALL»
Rregulli "ekrani" do të ndihmojë në fshehjen e bllokut të faqes së internetit. Shpesh ky rregull përdoret në një menu rënëse ose kur duhet të fshehni disa blloqe në versionin celular të faqes.

Blloku 1 (ekrani: asnjë;)

pronë"OPACITETI»
Rregulli "opacity" do të ndihmojë gjithashtu në fshehjen e bllokut në faqen e internetit.

Blloku 1 (opaciteti: 0;)

pronë"DUKSHMËRIA»
"dukshmëria" është një tjetër rregull që do të ndihmojë gjithashtu në fshehjen e një blloku të një faqe interneti. Tek rregulli "dukshmëri" Shkruani vlerën " fshehur":

Blloku 1 (dukshmëria: e fshehur;)

prona e tejmbushjes

Pasuria “MBERSHKUR”.
Me rregullin "mbushje", mund të përcaktoni se çfarë do të bëhet nëse përmbajtja e një elementi tejkalon madhësinë e tij. Për shembull, një imazh ose tekst është më i madh se vetë blloku.

Sintaksë:

tejmbushje: vlerë;

Kuptimi:

• të dukshme- tregon se kur elementi mbushet me përmbajtje, ai nuk do të ndërpritet, por thjesht do të jetë jashtë kufijve (vlera e parazgjedhur).
• I fshehur- tregon se përmbajtja që nuk përshtatet me elementin do të prehet (pjesa e prerë do të jetë e padukshme).
• Lëvizni- tregon se përmbajtja që nuk përshtatet me elementin do të pritet, por ju mund të përdorni shiritin e lëvizjes për të parë pjesën e prerë.
• Auto- kur elementi mbushet me përmbajtje, shiritat e lëvizjes shtohen automatikisht.

Shembull me "E dukshme" (vlera e parazgjedhur):

Blloku 1.

Rezultati:

Shembull me "Fshehur»:

Blok1 (lartësia: 200 px; /* lartësia */ gjerësia: 250 px; /* gjerësia */ kufiri: 2 px me pika #cc0000; /* kufiri */ tejmbushja: e fshehur; )

Rezultati:

Shembull me "Lëvizni»:

Blok1 (lartësia: 200 px; /* lartësia */ gjerësia: 250 px; /* gjerësia */ kufiri: 2 px me pika #cc0000; /* kufiri */ tejmbushja: Lëviz; )

Rezultati:

Shembull me "Auto":

Blok1 (lartësia: 200 px; /* lartësia */ gjerësia: 250 px; /* gjerësia */ kufiri: 2 px me pika #cc0000; /* kufiri */ tejmbushja: automatik; )

Rezultati:

Hija e kutisë në CSS

Pronë “BOX-HIJE”.
Ju mund të bëni një hije nga blloku. Rregulli i hijes së kutisë.

Sintaksë:

Blok1 ( lartësia: 200 px; /* lartësia */ gjerësia: 250 px; /* gjerësia */ kufiri: 1 px solid #cccc; /* kufiri */ kutia-hije: -19 px 0 22px -19px #000,19px 0 22px -19px #000; /*blloko hijen*/ )

Rezultati:

Përafrimi i një blloku në qendër

Prona “MARGIN”.
Për të rreshtuar bllokun në qendër, vendosni rregullin e marzhit në "0 auto":

Marzhi: 0 auto;

Blok1 (lartësia: 100 px; /* lartësia */ gjerësia: 100 px; /* gjerësia */ kufiri: 1 px solid #cccc; /* kufiri */ margjina: 0 automatik; )

Kjo eshte e gjitha! Është koha për të përfunduar këtë mësim, përndryshe doli shumë i madh! Dhe tashmë dëgjoj gërhitje jashtë monitorit.
Pak më shumë dhe do të përfundojmë së mësuari bazat e CSS.

Regjistrohu për të përditësuar!

Postimi i mëparshëm
Postimi i radhës

Më parë, në internet, ishte i përhapur një lloj tabele e paraqitjes, për të cilën . Sidoqoftë, me kalimin e kohës, kjo qasje për krijimin e strukturës së faqes u bë e vjetëruar dhe ajo u zëvendësua nga një plan urbanistik.

Dallimet midis paraqitjes së bllokut dhe tabelës

Nëse faqosja e tabelës nënkupton që përmbajtja e faqes është brenda etiketës

, atëherë koncepti i paraqitjes së bllokut bazohet në përdorimin aktiv të etiketave universale

, brenda së cilës vendoset përmbajtja, duke përfshirë etiketat e tjera.

Paraqitja e bllokut është e lirë nga disavantazhet e paraqitjes tabelare - indeksohet më mirë nga motorët e kërkimit, kodi i tij nuk është aq i përhapur dhe bllokon

, që aq shumë u pëlqen t'i quajnë "shtresa", fillimisht u konceptuan si universale, domethënë "për gjithçka", ndërsa

është një tabelë që duhet të përdoret për të shfaqur të dhënat tabelare dhe asgjë më shumë.

E vetmja disavantazh i prekshëm i paraqitjes së bllokut është se faqet e krijuara në të mund të shfaqen ndryshe në shfletues. Për të shmangur këtë, duhet të bëni paraqitjen "ndër-shfletues", domethënë të shfaqet në mënyrë të barabartë nga çdo shfletues.

Thelbi i paraqitjes së bllokut

Një paraqitje e faqes krijohet në një redaktues grafik: shënohet se ku do të vendoset zona e faqes (titulli, fundi, shiriti anësor, përmbajtja kryesore) dhe sa hapësirë ​​do të marrë, fotot, sfondet janë përgatitur.

Çdo pjesë e faqes vendoset në bllokun e vet

: në krye të faqes - në të parën, menyja - në të dytën, përmbajtja - në të tretën, etj. Çdo bllok është i mbushur me përmbajtje duke përdorur HTML, dhe gjithashtu pozicionohet dhe stilohet duke përdorur shënimin CSS.

Dokumenti përfundimtar HTML është një grup blloqesh

me përmbajtje brenda. Stili është shpesh në një skedar të veçantë CSS të lidhur me faqen me etiketën , ose të paktën në një enë

Qëllimi i konkursit është zbulimi i objekteve të botës materiale me vlerë kolosale, që i përkasin një organizmi të gjallë biologjik, në vijim i referuar si dragua, dhe shpronësimi i tyre.

Rezultati ky shembull treguar në fig. 2.

Oriz. 2. Bllok me qoshe të rrumbullakosura

Megjithëse metoda doli të ishte mjaft universale, ajo ka një numër kufizimesh. Pra, nuk mund të vendosni një gradient brenda bllokut, sepse vija horizontale i thjeshtë. Gjithashtu, për të ndryshuar rrezen e rrumbullakosjes, duhet të modifikoni vetitë e stilit të disa përzgjedhësve në të njëjtën kohë.

Këtu është një shembull tjetër për krijimin e një blloku me një rreze rrumbullakimi prej tre pikselësh. Në shumë raste kjo është më e shumta opsioni më i mirë, si për sa i përket dizajnit ashtu edhe kompaktësisë së kodit (shembulli 3).

Shembulli 3. Rrezja e rrumbullakimit me tre piksel

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

Në fund të mundësisë për të kuptuar informacionin e mësipërm, ju keni një mundësi objektive për të paraqitur kërkesë zyrtare vartësi kryesor i universit virtual lokal.

Rezultati i këtij shembulli është paraqitur në Fig. 3.

Artikujt kryesorë të lidhur

Pse iPhone nuk ndizet: çfarë të bëni kur molla është e ndezur dhe iPhone 4 fiket dhe ndizet dhe fiket çfarë të bëni

Si të ngjitni një gotë mbrojtëse në një smartphone Si të ngjitni një gotë mbrojtëse në një iPhone 5

A duhet të ngjis xhamin mbrojtës në iPhone?

Kategoritë:

• Programet
• Siguria
• Windows 10
• Hekuri
• Windows 8
• Në kontakt me
• Gabimet

© 2022 bumotors.ru. Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ.