Pse css. Pse css nuk funksionon

Ne paraqesim përkthimin e artikullit "Pse CSS Grid është më i mirë se Bootstrap për krijimin e paraqitjeve" nga Per Harald Borgen, i publikuar në faqen ru.hexlet.io.

CSS Grid është një mënyrë e re për të krijuar paraqitje në ueb. Për herë të parë, një sistem i plotë i paraqitjes është i disponueshëm drejtpërdrejt në shfletuesin, i cili ofron shumë përparësi.

Këto përfitime bëhen veçanërisht të habitshme kur krahasoni CSS Grid me kornizën më të njohur, Bootstrap. Jo vetëm që mund të krijoni paraqitje që më parë ishin të pamundura pa JavaScript, por kodi juaj do të bëhet më i lehtë për t'u ruajtur dhe kuptuar.

Le të shohim tre arsyet kryesore pse mendoj se CSS Grid është superior ndaj Bootstrap.

Marrja do të bëhet më e lehtë

Zëvendësimi i Bootstrap me CSS Grid do ta bëjë HTML më të pastër. Megjithëse ky nuk është përfitimi më i rëndësishëm, ndoshta është i pari që do të vini re.

Për qartësi, unë krijova një plan urbanistik të faqes në internet në mënyrë që të mund të krahasoja kodin e kërkuar për dy versionet. Këtu:

Bootstrap

Le të shohim fillimisht shënimin e nevojshëm për të ndërtuar këtë faqe në Bootstrap.

Këtu dua t'i kushtoni vëmendje kësaj:

Çdo rresht duhet të ketë një etiketë të veçantë
.
Emrat e klasave (col-xs-2) duhet të përdoren për të treguar paraqitjen.
Kur ky model ndërlikohet, po ashtu bëhet edhe HTML.

Nëse kjo është një faqe e përgjegjshme, etiketat zakonisht duken edhe më keq:

Rrjeti CSS

Tani le të shohim një mënyrë për të zbatuar të njëjtën gjë në CSS Grid. Këtu është HTML:

Mund të kisha përdorur elemente semantike, por vendosa të qëndroj me div për ta bërë më të qartë krahasimin me Bootstrap.

Ju mund të vini re menjëherë se ky shënim është më i thjeshtë. Emrat e shëmtuar të klasave dhe etiketat shtesë të div për çdo rresht janë një gjë e së kaluarës. Është vetëm një enë për rrjetin dhe pozicionet brenda tij.

Dhe ndryshe nga Bootstrap, ky shënim nuk do të bëhet shumë kompleks ndërsa kompleksiteti i paraqitjes së faqes rritet.

Në shembullin e Bootstrap nuk ju është kërkuar të shtoni ndonjë CSS në CSS Grid që sigurisht ju nevojitet. Më konkretisht, duhet të shtoni këtë:

Për disa, kjo mund të jetë një pikë e shitjes për Bootstrap: nuk duhet të shqetësoheni për CSS për të krijuar një rrjet të thjeshtë - thjesht ndërtoni paraqitjen në HTML.

Por siç do ta shihni në pikën tjetër, marrëdhënia midis markup-it dhe paraqitjes është në të vërtetë një cenueshmëri kur bëhet fjalë për fleksibilitetin.

Shumë më tepër fleksibilitet

Le të themi se dëshironi të ndryshoni paraqitjen në varësi të madhësisë së ekranit. Për shembull, ngrini menunë në rreshtin e sipërm për ta parë nga pajisjet celulare.

Me fjalë të tjera, ndryshoni paraqitjen nga kjo:

për këtë:

Rrjeti CSS

Të bësh këtë me CSS Grid është shumë e lehtë. Shtojmë një pyetje mediatike dhe përziejmë blloqe të ndryshme sipas dëshirës:

Aftësia për të krijuar një paraqitje në këtë mënyrë - pa u shqetësuar se si shkruhet HTML - quhet pavarësi e porosisë së burimit dhe është një fitore e madhe për zhvilluesit dhe projektuesit.

CSS Grid ju lejon të ktheni HTML në atë që ishte menduar të ishte. Në shënjimin e përmbajtjes, jo vizualitetin, gjë që synon të bëjë CSS.

Bootstrap

Nëse do të donim të bënim të njëjtën gjë në Bootstrap, do të na duhej të ndryshonim HTML. Ne do të duhet të zhvendosim etiketën e menusë në rreshtin e sipërm, përveç kokës, sepse menyja në rreshtin e dytë mbahet peng.

Të bësh këtë me një pyetje mediatike nuk është një detyrë e parëndësishme. Kjo mund të bëhet vetëm me HTML dhe CSS, dhe do t'ju duhet të merreni me JavaScript.

Ky shembull tregon përfitimin e madh të CSS Grid që kam përjetuar vetë.

Jo më shumë kufij 12 kolonash

Nuk është problemi më i madh, por ka qenë i bezdisshëm shumë herë. Meqenëse rrjeti Bootstrap është i ndarë në 12 kolona, do të keni probleme nëse dëshironi një plan urbanistik me pesë kolona. Ose shtatë. Ose nëntë. Ose nga një numër që nuk është dymbëdhjetë.

Jo kështu me CSS Grid. Ju mund të bëni paraqitjen tuaj me sa më shumë kolona që dëshironi. Këtu është një plan urbanistik me shtatë kolona.

Kjo bëhet duke vendosur grid-template-columns të përsëriten (7, 1fr) si kjo:

Mund të ketë hake për ta bërë këtë në Bootstrap... Dhe unë jam i vetëdijshëm që Bootstrap 4 përdor Flexbox, i cili e lejon këtë fleksibilitet, por ende nuk është jashtë beta.

Para se të përfundojmë këtë artikull, natyrisht, duhet të flasim për mbështetjen e shfletuesit. Që nga ky shkrim, 75% e trafikut global të uebit mbështet CSS Grid.

Por, përpara se të hiqni dorë nga përdorimi i CSS Grid, ju sugjeroj të dëgjoni se çfarë ka për të thënë Morten Rand-Hendriksen për të. Ai argumenton se CSS Grid është një mundësi për të rimenduar se si mendojmë për përputhshmërinë e prapambetur:

“CSS Grid është një modul i paraqitjes, ai na lejon të ndryshojmë paraqitjen e një dokumenti pa ndërhyrë në renditjen e kodit burimor. Me fjalë të tjera, CSS Grid është një mjet plotësisht vizual dhe nëse përdoret si duhet, nuk do të ndikojë në marrëdhëniet e brendshme të përmbajtjes në dokument. Kjo çon në një fakt të thjeshtë por befasues: mungesa e mbështetjes së rrjetit CSS në një shfletues më të vjetër nuk duhet të ndikojë në përvojën e një vizitori të faqes, ai thjesht duhet të ndryshojë këtë perceptim.”

Me fjalë të tjera, pasi të ndani përmbajtjen nga ajo vizuale, të gjithë vizitorët do ta shohin përmbajtjen, por CSS Grid do të përmirësojë përvojën e shikimit për ata që e kanë të aktivizuar me markup më të mirë.

konkluzioni

“Sa më shumë që përdor CSS Grid, aq më i bindur jam se nuk ka asnjë përfitim për të shtuar një shtresë abstraksioni në krye të saj. CSS Grid është një kornizë faqosje e ndërtuar direkt në shfletues."

Tutorial

Kam shkruar gabime dhe këshilla bazuar në përvojën time. Nëse ka gabime si "këshilla të këqija", do të jem i lumtur të dëgjoj kritika konstruktive. Postimi ka për qëllim që fillestarët të mësojnë HTML dhe CSS, por ndoshta specialistët do të jenë gjithashtu të interesuar të lexojnë këtë material.

1. Vlerësues W3C

Rekomandohet të kontrolloni HTML dhe CSS të faqes përmes shërbimit validator.w3.org. Ky shërbim do të skanojë kodin dhe do të shfaqë gabimet, për shembull:

etiketa nuk është e mbyllur;
karaktere jo të rekomanduara në lidhje;
Përdoret një etiketë e pa rekomanduar;
atributi i kërkuar nuk është specifikuar;
dhe të tjera.

2. Layout në formatin UTF-8

Kur shtroni faqen, duhet të siguroheni që kodimi i skedarit është vendosur në UTF-8 (pa BOM). Çdo redaktues teksti e vendos kodimin ndryshe.

Një skedar në formatin UTF-8 ju lejon të përdorni karaktere jo standarde (për shembull, simbole të gjuhëve të ndryshme, simbole të monedhës dhe të tjera).

Ju gjithashtu duhet t'u tregoni shfletuesve se faqja është hapur në kodimin UTF-8. Kjo bëhet përmes etiketës më poshtë:

3. Disa elementë kanë të njëjtin id

Vlera e atributit id në kodin HTML nuk duhet të përsëritet.

4. Sprites

Rekomandohet të kombinohen disa fotografi të vogla në një skedar (ky skedar quhet sprite). Kjo do të zvogëlojë numrin e kërkesave në faqe dhe do të përmirësojë shpejtësinë e ngarkimit të faqeve.

Në ditët e sotme është gjithashtu popullor përdorimi i shkronjave me ikona në vend të sprites. Ato. Në vend të shkronjave, shfaqen ikonat e ingranazheve, fytyrat e buzëqeshura dhe ikona të tjera. Një shembull janë glyphicons të përdorura në Twitter Bootstrap.

Përparësitë e shkronjave për sprites janë ruajtja e cilësisë gjatë ndryshimit të madhësisë së ikonave dhe madhësisë së tyre më të vogël. Por pengesa është se nuk mund të përdorni më shumë se një ngjyrë në një ikonë.

5. Shumë përzgjedhës

Nuk rekomandohet përdorimi i më shumë se tre përzgjedhësve, sepse kjo ndikon në performancën e faqes.

/* nuk rekomandohet, fole e madhe */ .faqe .artikull .titulli a () /* mund të shkurtohet */ .faqe .artikulli a ()
Shfletuesit lexojnë CSS nga e djathta në të majtë. Ato. në kodin e mësipërm, fillimisht do të zgjidhen të gjitha lidhjet që janë në faqe dhe më pas do të zgjidhen ato lidhje që janë brenda elementit .item.

6. Stilet HTML

HTML është krijuar për të shfaqur informacione (tekst, foto). Dizajni i përmbajtjes (ndryshimi i madhësisë, ngjyrës, fontit) ndodh në CSS.

Gabim në kod

7. Emrat e pasaktë të klasave

Shumë dizajnerë faqosjesh, kur duhet ta bëjnë tekstin të gjelbër, bashkëngjitni klasën .green me të.

Teksti i mesazhit

Kjo është e gabuar, sepse... Kur ndryshoni dizajnin, shumë ngjyra mund të ndryshojnë, për shembull, teksti i mesazhit mund të shfaqet në ngjyrë blu në vend të gjelbër. Atëherë do të duhet të kërkoni të gjitha etiketat që kanë klasën .jeshile dhe ta zëvendësoni me .blu.

Teksti i mesazhit

8. Piksele në vlera thyesore

Disa shfletues ju lejojnë të specifikoni pikselët në vlera fraksionale, si p.sh. "1.5px". Por kjo është e gabuar, sepse... Një piksel është një njësi e pandashme. Në vend të "1.5px" është më mirë të përdorni "1.5em".

P (/* e pasaktë */ hapësira e shkronjave: 1,5 px; /* e saktë */ hapësira e shkronjave: .005em; )

9. Përdorimi i klasave në vend të ID-ve

Rekomandohet të zgjidhni sipas klasës në vend të id, sepse përzgjedhësit me id kanë më shumë peshë se ato të klasave dhe do të jetë e vështirë t'i kapërceni ato.

#modal a ( ngjyra: blu; ) /* ngjyra më poshtë nuk mund të anashkalohet, sepse #modal ka më shumë peshë se klasat */ .modal-header a (ngjyra: #333; ) /* në këtë rast do të duhet të shtoni #modal */ #modal .modal-header a (ngjyra: #333; )
Gjithashtu nuk rekomandohet të përdoret!e rëndësishme, sepse pesha e tij është më e lartë se ajo e atributit id, dhe gjithashtu do të jetë e vështirë të anashkalohet.

10. Menuja

Menuja duhet të formatohet si një listë.

Faqja kryesore Lajmet Rreth kompanisë

në shtëpi
Lajme
Rreth kompanisë

11. Mungon alt për fotot

Atributi alt duhet të specifikohet në etiketat (mund të jetë bosh).

12. Etiketa

Duhet të ketë vetëm një titull për etiketë për faqe

. Në thelb, kjo etiketë përmban titullin e faqes.

13. Transkriptimi

Emrat e të gjithë elementëve duhet të shkruhen në përkthim në anglisht. Edhe nëse nuk e dini se si shkruhet një fjalë në anglisht, ka shumë shërbime falas që mund ta përkthejnë atë. Kur emrat e elementeve shfaqen në transkriptim, duket joprofesionale.

/* e pasaktë */ .tovar () .stranica () .zapros () /* e saktë */ .produkt () .faqe () .pyetje ()

14. Qartë

Është e vështirë të shkruash për qartësimin me pak fjalë, por unë do të theksoj pikën që, për mendimin tim, shumë stilistë të paraqitjes bëjnë një gabim.

class.clearfix duhet të specifikohet në etiketën prind dhe jo të vendoset pranë tij.

15. HTML - gjuha programuese

Disa njerëz të rinj në HTML mendojnë se HTML është një gjuhë programimi. Në fakt, HTML nuk është një gjuhë programimi, ajo mund të krahasohet me Microsoft Word. Për shembull, për ta bërë tekstin të trashë, duhet të klikoni në një buton në Word dhe në HTML duhet të shkruani kodin. Ato. HTML është thjesht një mjet që shton tekst, fotografi, tabela dhe elementë të tjerë. Ky është artikulli i dytë në Udhëzuesin CSS për Fillestarët, që shpjegon marrëdhënien midis CSS dhe dokumenteve. Në të do të mësoni se si të shtoni stilet CSS në dokumentin që keni krijuar në procesin e studimit të artikullit të parë.

Info: Pse keni nevojë për CSS?

CSS përdoret për të përcaktuar stilet e dokumenteve tuaja, duke përfshirë dizajnin, paraqitjen dhe variacionet e paraqitjes për pajisje dhe madhësi të ndryshme të ekranit. Ju mund të vendosni stilet CSS brenda etiketës dokument me një fletë stili të integruar ose bashkëngjitni një skedar të veçantë CSS që do të përcaktojë stilet tuaja nga jashtë. Për të lidhur një fletë stili të jashtëm me një dokument, thjesht shtoni një lidhje në fletën e stilit në kokë dokument.

Ka shumë përfitime për të pasur një fletë stili të jashtme. Mbajtja e stileve të ndara nga përmbajtja HTML:

Ndihmon në shmangien e dyfishimit
Lehtëson mirëmbajtjen
Ju lejon të bëni ndryshime për të gjithë faqen në një vend

Me CSS, ju ruani informacionin e stilimit në skedarë të përbashkët që ndahen nga të gjitha faqet. Për shembull, kur dokumentet i referohen atyre fletëve të stilit që specifikojnë ngjyrën e titujve h2, ju mund ta aplikoni stilin në etiketat e titujve h2 globalisht duke ndryshuar një atribut të vetëm CSS.

Kur një përdorues hap një faqe interneti, shfletuesi shkarkon informacionin e stilit së bashku me përmbajtjen e faqes.

Kur një përdorues hap një faqe interneti në modalitetin e printimit, mund të jepni informacione të ndryshme stilimi që do ta bëjnë faqen më të lehtë për t'u lexuar.

Si të bëni HTML dhe CSS të punojnë së bashku? Në përgjithësi, HTML përdoret për të përshkruar përmbajtjen e një dokumenti, jo stilin e tij. CSS përdoret për të specifikuar stilin e dokumentit, por jo përmbajtjen. Do të shihni disa përjashtime nga ky rregull më vonë në udhëzues.

Më shumë detaje

Një gjuhë shënjimi si HTML ofron gjithashtu disa mënyra për të specifikuar stilet.

Për shembull, në HTML mund të përdorni etiketën për ta bërë tekstin të trashë ose për të specifikuar ngjyrën e sfondit të faqes në etiketë .

Kur përdorni CSS, vendosja e stileve duke përdorur gjuhën e shënjimit zakonisht nuk përdoret, pasi të gjitha informacionet e stilimit janë lehtësisht të lexueshme dhe modifikohen në skedarin CSS.

Veprimi: Krijo një fletë stili

Krijo një skedar të ri teksti në të njëjtën direktori si doc1.html krijuar në artikullin e parë.

Ruaje atë si style1.css. Ky skedar do të jetë fleta juaj e stilit.

Kopjoni dhe ngjisni rreshtin e mëposhtëm në skedarin CSS, më pas ruajeni skedarin: i fortë (ngjyra: e kuqe;)

Lidhja e një fletë stili me një dokument

Për të lidhur dokumentin tuaj me fletën e stilit, duhet të bëni disa ndryshime në skedarin HTML. Shtoni rreshtat më poshtë: Shembull dokumenti
C në rritje S stil Sçarçafët

Ruani skedarin dhe hapeni në shfletuesin tuaj. Fleta e stilit do t'i bëjë shkronjat e mëdha të kuqe:

Përveç të kuqes, ka emra të tjerë ngjyrash në CSS.

Sheets Style Cascading (CSS) përdoren për ta bërë një faqe interneti tërheqëse në sytë e vizitorëve. Për më tepër, fletët e stilit CSS thjeshtojnë shumë procesin e dizajnimit të një faqe interneti. CSS gjithashtu ju lejon të bëni ndryshime në një vend, në vend që të redaktoni të gjithë faqen. Në këtë mënyrë, nuk keni nevojë të vizitoni çdo faqe interneti të faqes dhe t'i modifikoni ato.

CSS ju kursen kohë dhe energji të vlefshme. Fletët e stilit kaskadë, siç sugjeron emri, përcaktojnë një stil specifik për elementët në faqet e internetit bazuar në një listë prioritare, që zakonisht quhet "kaskadë". Përveç kësaj, ju lejon gjithashtu të menaxhoni elementë të ndryshëm në faqet e internetit të faqes suaj. Një fletë e vetme stili CSS mund të kontrollojë fontin, formatimin, madhësinë e tekstit, pozicionimin, stilin dhe ngjyrën e një faqeje interneti të tërë. Edhe pse Cascading Style Sheets mund të ndryshojnë prezantimin dhe pamjen e faqes suaj të internetit, megjithatë, ato nuk kanë të bëjnë fare me dizajnin e faqes në internet.

CSS mund të ndihmojë një webmaster në shumë mënyra. Falë CSS, faqja juaj e internetit do të ketë një dizajn më tërheqës. Thënë kjo, edhe motorët e kërkimit preferojnë faqet e internetit të bazuara në CSS kur bëhet fjalë për renditjen e tyre në indeksin e kërkimit.

Ndarja e prezantimit të një faqeje nga përmbajtja e saj.

Me CSS, ju mund të keni shumë kontroll mbi pamjen e faqes tuaj, pasi kjo teknologji ju lejon të lidhni fletë të ndryshme stilesh me tekstin e faqes tuaj. Si rezultat, nëse keni nevojë të ndryshoni pamjen e ndonjë elementi në një faqe interneti, ju duhet vetëm të redaktoni një skedar të jashtëm të fletës së stilit CSS dhe ai do të pasqyrohet në të gjithë faqen e internetit. Kjo qasje jo vetëm që siguron një proces fleksibël të menaxhimit të faqes, por gjithashtu kursen ndjeshëm kohë.

Rritja e shpejtësisë së ngarkimit të faqes.

Për shkak se fletët e stilit Cascading janë skedarë teksti, ato janë të lehta dhe përdorin më pak gjerësi bande, gjë që rrit shpejtësinë e ngarkimit të faqes tuaj. Sipas statistikave, një sajt që përdor fletë stili të jashtëm bazuar në CSS ngarkon afërsisht shtatë herë më shpejt se një sajt i ngjashëm pa këtë teknologji. Meqenëse dokumentet e tekstit ngarkohen shumë shpejt, faqet e internetit do të shfaqen në pothuajse disa sekonda, gjë që do të ketë një ndikim pozitiv në përvojën e përgjithshme të vizitorëve kur vizitojnë faqen tuaj.

CSS e bën të lehtë ndryshimin e pozicionit të çdo elementi në një faqe interneti. Për shembull, menyja mund të vendoset kudo: majtas, djathtas, lart ose poshtë. Në të njëjtën kohë, qëllimi kryesor i një pozicionimi të tillë të elementeve është të sigurojë që robotët e motorëve të kërkimit së pari të zvarriten përmbajtjen kryesore të faqes suaj të internetit. Për ta arritur këtë, duhet të vendosni të gjithë elementët ndihmës, si menytë, pas përmbajtjes kryesore në kodin HTML.

Pajtueshmëria CSS me shfletuesit modernë.

Meqenëse aktualisht ka shumë shfletues të ndryshëm, është e vështirë për një webmaster të kontrollojë funksionalitetin e një faqe interneti në absolutisht të gjithë shfletuesit. Sidoqoftë, nëse i përmbaheni një paraqitjeje standarde të bazuar në CSS, ky problem zgjidhet lehtësisht.

Siç shihet nga sa më sipër, teknologjia CSS, përveçse ofron mjete për krijimin e faqeve moderne, tërheqëse, ndihmon edhe në zgjidhjen e një sërë problemesh. E cila në vetvete përcakton rëndësinë e lartë të CSS.

Një nga shërbimet më të vjetra në internet janë forumet. Këto platforma komunikimi ishin ndër të parat që u shfaqën dhe kanë mbetur praktikisht të pandryshuara që atëherë. Por pavarësisht moshës së shtyrë, ata ende përballen me funksionet e tyre. Këtu njerëzit komunikojnë, bëjnë pyetje dhe marrin përgjigje.
Kodi CSS mund të gjendet ose në dokumentin HTML ose në një skedar të veçantë me të njëjtën shtrirje. Nëse CSS është në një skedar të jashtëm dhe nuk funksionon, atëherë gjëja e parë që duhet të bëni është të kontrolloni lidhjen në kodin HTML.
Lidhja (href) duhet të shkruhet në një etiketë të vetme lidhjeje. Përmbajtja e lidhjes në HTML5 duhet të duket kështu: href=”style.css” rel=”stylesheet”. Mos harroni se vetë etiketa e lidhjes ndodhet midis etiketave të çiftuara të çelësave të kokës.
Pas vlerës së href, tregohet emri i skedarit css që duhet t'i bashkëngjitet dokumentit (kjo nuk është domosdoshmërisht stil). Nëse skedari me stile ndodhet në një dosje tjetër, atëherë duhet të specifikoni shtegun drejt tij duke përdorur një prerje (/).
Sintaksa CSS
Nëse gjithçka është në rregull me lidhjen, por CSS ende nuk funksionon, duhet të kontrolloni sintaksën në kod.
Së pari, kontrolloni përzgjedhësin. Përzgjedhësi duhet të përputhet me atë që keni shkruar në skedarin html. Kjo do të thotë, nëse klasa = "container" zgjidhet në html, atëherë ".container" shkruhet në CSS në vend të përzgjedhësit. Vini re pikën përpara titullit. Periudha vendoset vetëm para orëve. Nëse po specifikoni një stil për titujt h1, atëherë nuk nevojitet asnjë pikë.
Vetë blloku, ku është deklaruar stili, shkruhet pas emrit të përzgjedhësit në kllapa kaçurrelë. Një pikëpresje vendoset midis emrit të pronës dhe vlerës së saj, e ndjekur nga një pikëpresje.
Shfletuesi
Nëse shfletuesi ku po testoni kodin tuaj CSS është tashmë i vjetëruar, atëherë ai nuk do të jetë në gjendje të shfaqë saktë gjuhën CSS3. Prandaj, në rast se kodi nuk funksionon, ju lutemi përditësoni shfletuesin tuaj në versionin më të fundit.
Përdorni shfletues të ndryshëm për testim: Opera, Google Chrome, Firefox. Nuk rekomandohet të mbështeteni në Internet Explorer pasi nuk është fokusi kryesor i Microsoft, gjë që e bën atë "të papajtueshëm" me CSS3.
Versionet e reja të shfletuesve për korrigjimin e kodit përmbajnë një modul të veçantë që ju lejon të modifikoni kodin direkt në shfletues. Për ta bërë këtë, klikoni "Trego kodin burimor" në menunë e kontekstit të dritares.
Trashëgimia
Gjëja më e vështirë për t'u kuptuar në CSS është trashëgimia. Ndërsa më së shpeshti është baza e kodit jofunksional.
CSS funksionon në të njëjtin parim si kukullat fole. Një enë futet në një tjetër, një e tretë në të, etj. Për të mësuar të gjitha ndërlikimet e trashëgimisë, duhet të shpenzoni një kohë të konsiderueshme. Mund të filloni me bazat.
Së pari, logjikisht përpiquni të identifikoni se ku ndodh saktësisht gabimi në kodin css. Këtë do ta kuptoni lehtësisht, sepse... Si rezultat i gabimit, një nga elementët, kur shfaqet në shfletues, do të bjerë jashtë fotografisë që keni paraqitur.
Kur gjeni një enë ose element tjetër që ka një stil të aplikuar që nuk funksionoi, hidhini një sy nga afër se në çfarë është "mbyllur" elementi.
Ndoshta elementi prind përmban një veti që pengon funksionimin e një vetie tjetër në elementin fëmijë. Mund të lexoni më shumë rreth trashëgimisë në çdo libër referimi CSS.