Përshëndetje, të dashur lexues të faqes së blogut! Sot ne do të vazhdojmë studimin tonë të fletëve të stilit Cascading ose CSS. Në artikujt e mëparshëm, ne kemi diskutuar tashmë në terma të përgjithshëm faqosja e bllokut të faqes. Si rezultat, filluam të merrnim faqe interneti mjaft profesionale, por atyre u mungon diçka. Dhe ka shumë të ngjarë që atyre u mungojnë dhëmbëzat dhe kornizat. Sot do t'i hedhim një vështrim rregullave të stilit të kufirit, mbushjes dhe kufirit që ju lejojnë të vendosni mbushjen dhe kufijtë për elementët html.
Opsionet e mbushjes CSS
Me fletët e stilit Cascading, ekzistojnë dy lloje të dhëmbëzimit.
1.Indentështë distanca nga kufiri imagjinar i elementit deri në përmbajtjen e tij. Vlera e distancës vendoset duke përdorur parametrin mbushje. Një indent i tillë i përket vetë elementit dhe ndodhet brenda tij.
2. Mbushje e jashtme- distanca midis kufirit të elementit aktual të faqes së internetit dhe kufijve të elementeve fqinjë, ose elementi prind. Madhësia e distancës kontrollohet nga prona diferencë. Ky mbushje është jashtë elementit.
Foto për qartësi:
Për shembull, merrni parasysh një qelizë të mbushur me tekst. Pastaj mbushja është distanca midis kufirit imagjinar të qelizës dhe tekstit që ajo përmban. Dhe indenti i jashtëm është distanca midis kufijve të qelizave ngjitur. Le të fillojmë me dhëmbëza.
Mbushje CSS me mbushje (lart, poshtë, majtas, djathtas)
Vetitë e stilit padding-left, padding-top, padding-right dhe padding-bottom ju lejojnë të vendosni vlerat e mbushjes për pjesën e majtë, të sipërme, të djathtë dhe të poshtme të një elementi të faqes së internetit, përkatësisht:
mbushje e sipërme | mbushje djathtas | mbushje-fund | padding-left: vlera | interesi | trashëgojnë
Sasia e mbushjes mund të specifikohet në piksel (px), përqindje (%) ose njësi të tjera të pranueshme CSS. Kur specifikoni përqindjet, vlera llogaritet nga gjerësia e elementit. Të trashëgojë vlerën tregon se është trashëguar nga prindi.
Për shembull, për paragrafin aktual, unë zbatova një rregull stili që specifikon një dhëmbëzim majtas prej 20 pikselësh, një hyrje në krye prej 5 pikselë, një dhëmbëzim djathtas prej 35 px dhe një fund prej 10 px. Hyrja e rregullit do të duket kështu:
p.test(
mbushje-majtas:20px;
padding-top:5px;
mbushje-djathtas:35px;
mbushje-fund: 10 px
}
Rregulli i mbushjes së parafabrikuar ju lejon të specifikoni hyrjet në të gjitha anët e një elementi të faqes në internet menjëherë:
mbushje:<отступ 1> [<отступ 2> [<отступ 3> [<отступ 4>]]]
AT rregull i parafabrikuar lejohet përdorimi i një, dy, tre ose katër vlerash, duke i ndarë ato me një hapësirë. Në këtë rast, efekti varet nga numri i vlerave:
- nëse specifikoni një vlerë, atëherë ajo do të vendosë sasinë e dhëmbëzimit në të gjitha anët e elementit të faqes;
- nëse specifikoni dy vlera, atëherë e para do të vendosë sasinë e dhëmbëzimit nga lart dhe poshtë, dhe e dyta - majtas dhe djathtas;
- nëse specifikoni tre vlera, atëherë e para do të përcaktojë sasinë e dhëmbëzimit nga lart, e dyta - nga e majta dhe e djathta, dhe e treta - nga poshtë;
- nëse jepen katër vlera, e para do të vendosë mbushjen lart, e dyta në të djathtë, e treta në fund dhe e katërta në të majtë.
Kështu, rregulli CSS i mësipërm mund të shkurtohet sa më shumë që të jetë e mundur dhe të shkruhet si më poshtë:
p.test (mbushje: 5px 35px 10px 20px)
Vetia e marzhit ose kufijtë në CSS
Atributet e stilit margin-left, margin-lart, margin-right dhe margin-bottom ju lejojnë të caktoni sasinë e diferencës majtas, lart, djathtas dhe poshtë, respektivisht:
margjina e sipërme | margjina djathtas | marzh-fund | margjina-majtas:<значение>|auto|trashëgojë
Siç u përmend më lart, marzhi është distanca nga kufiri i elementit aktual në kufirin e elementit fqinj, ose, nëse nuk ka elementë fqinjë, në kufirin e brendshëm të kontejnerit mëmë.
Sasia e mbushjes mund të specifikohet në piksel (px), përqindje (%) ose njësi të tjera të pranueshme CSS:
p(
margjina-majtas: 20px;
}
h1(
marzh-djathtas:15%;
}
Vlera automatike do të thotë që mbushja do të llogaritet automatikisht nga shfletuesi. Në rastin e përdorimit të shënimit të përqindjes, dhëmbëzimi llogaritet në varësi të gjerësia e enës mëmë. Dhe kjo vlen jo vetëm për margjinën-majtas dhe margjinën-djathtas, por edhe për kufirin-lart dhe margjinën-poshtë, përqindja e mbushjes do të llogaritet në varësi të gjerësisë, jo lartësisë së kontejnerit.
Lejohet të përdoret si vlera e indenteve të jashtme vlerat negative:
p(
margjina-majtas:-20px;
}
Nëse, me vlera pozitive të indenteve, elementët fqinjë janë larguar, atëherë me vlerë negative blloku fqinj do të kalojë mbi elementin për të cilin kemi vendosur një indent kaq negativ.
Ne gjithashtu mund të specifikojmë kufijtë duke përdorur atributin stil. diferencë. Ai vendos vlerat e indenteve njëkohësisht në të gjitha anët e elementit të faqes së internetit:
marzhi:<отступ 1> [<отступ 2> [<отступ 3> [<отступ 4>]]]
Kjo veti, në rastin e vendosjes së një, dy, tre ose katër vlerave të mbushjes, u bindet të njëjtave ligje si rregulli i mbushjes.
Opsionet e kufirit me pronën kufitare
Ekzistojnë tre lloje opsionesh kur vendosni kornizat:
- border-width - gjerësia e kufirit;
- border-color - ngjyra e kufirit;
- border-style - lloji i vijës me të cilën do të vizatohet kufiri.
Le të fillojmë me parametrin e trashësisë së kufirit:
gjerësia e kufirit: [vlera | i hollë | e mesme | trashë] (1,4) | trashëgojnë
trashësia e kornizës mund të vendoset në pixel, ose në njësi të tjera të disponueshme në css. Variablat e hollë, të mesëm dhe të trashë vendosin trashësinë e kufirit në 2, 4 dhe 6 piksel, përkatësisht:
gjerësia e kufirit: e mesme;
Ashtu si me vetitë e mbushjes dhe margjinës, një, dy, tre ose katër vlera lejohen për parametrin e gjerësisë së kufirit, duke vendosur kështu gjerësinë e kufirit për të gjitha anët menjëherë ose për secilën veç e veç:
gjerësia e kufirit: 5px 3px 5px 3px
Për paragrafin aktual, ne do ta bëjmë trashësinë e kufirit të sipërm 1px, djathtas 2px, 3px poshtë dhe 4px majtas duke përdorur rregullin (gjerësia e kufirit: 1px 2px 3px 4px;)
Atributet e stilit border-left-width, border-lart-width, border-right-width dhe border-bottom-width mund të përdoren për të vendosur trashësinë e anës së majtë, të sipërme, të djathtë dhe të poshtme të kufirit, përkatësisht :
kufiri-majtë-gjerësi|border-lart-gjerësi|border-djathtas-gjerësi|border-poshtë-gjerësi: i hollë|mesatar|i trashë|<толщина>|trashëgojnë
Parametri tjetër është ngjyra e kufirit me të cilën mund të kontrolloni ngjyra e kornizës:
kufiri-ngjyra: [ngjyra | transparent](1,4) | trashëgojnë
Vetia ju lejon të vendosni ngjyrën e kornizës për të gjitha anët e elementit menjëherë ose vetëm për ato të specifikuara. Si vlerë, mund të përdorni metodat e vendosjes së tyre të pranuara në html për ngjyrat: kodi heksadecimal, fjalë kyçe, etj.:
p (gjerësia e kufirit: 2 px; ngjyra e kufirit: e kuqe)
Vlera transparente vendoset ngjyrë transparente kornizë, dhe trashëgojë trashëgon vlerën e prindit. Si parazgjedhje, nëse ngjyra e kufirit nuk është vendosur, atëherë do të përdoret ajo e përdorur për fontin brenda elementit të dhënë.
Atributet e stilit kufi-left-color , border-top-color, border-right-color dhe border-bottom-color vendosin ngjyrën e anës së majtë, të sipërme, të djathtë dhe të poshtme të kufirit, përkatësisht:
Border-left-color|border-top-color|border-djathtas-color|border-the-bottom-ngjyra: transparente|<цвет>|trashëgojnë
Dhe parametri i fundit grupe të stilit kufitar lloji i kornizës:
kufiri-style: (1,4) | trashëgojnë
Lloji i kornizës mund të specifikohet për të gjitha anët e elementit menjëherë ose vetëm për ato të specifikuara. Mund të përdoren vlera të shumta fjalë kyçe. Pamja do të varet nga shfletuesi që po përdorni dhe trashësia e kornizës. Kuptimi asnje përdoret si parazgjedhje dhe nuk shfaq një kornizë dhe trashësia e saj është vendosur në zero. Vlera e fshehur ka të njëjtin efekt. Korniza që rezulton për vlerat e mbetura, në varësi të trashësisë, tregohet në tabelën e mëposhtme:
Atributet e stilit të kufirit të majtë , të stilit të sipërm të kufirit, të stilit të kufirit djathtas dhe të stilit kufitar të poshtëm vendosin stilin e linjave që do të përdoren për të vizatuar anët e majta, të sipërme, të djathta dhe të poshtme të kornizës , respektivisht:
kufiri-left-style|border-top-style|border-right-style|border-bottom-style: asnjë|fshehur|me pika|të ndërprera|të ngurta|dyshe|groove|kreshtë|hyrje|fillim|trashëgim
Ashtu si me opsionet e diferencës dhe mbushjes, kufiri ka universale pronë kufitare . Kjo ju lejon të vendosni njëkohësisht trashësinë, stilin dhe ngjyrën e kufirit rreth një elementi:
kufiri: | trashëgojnë
Vlerat mund të jenë në çdo mënyrë, të ndara me hapësira:
td (kufiri: 1px e verdhë e fortë)
Për të vendosur një kufi vetëm në anët e caktuara të një elementi, ekzistojnë vetitë border-lart, border-bottom, border-left, border-right, të cilat ju lejojnë të vendosni opsionet për pjesën e sipërme, të poshtme, të majtë dhe kufijtë, përkatësisht. anën e djathtë kornizë.
Mbetet vetëm për të përmbledhur:
- për punën mbushje përdorin pronën mbushje;
- për cilësimet kufijtë ka një rregull diferencë;
- opsionet e kornizës vendosur duke përdorur një atribut kufiri.
Unë vërej se të gjitha këto veti css rrisin madhësinë e elementit të faqes në internet. Prandaj, nëse ndryshojmë trashësinë e kufirit ose madhësinë e mbushjes së kontejnerëve të bllokut që formojnë dizajnin e faqes së internetit, atëherë do të duhet të ndryshojmë madhësinë e këtyre kontejnerëve në përputhje me rrethanat, përndryshe ato mund të lëvizin dhe dizajni do të prishet.
Kjo është e gjitha, shihemi së shpejti!
Paraqitja e bllokut përdoret shpesh kur krijoni një faqe interneti ose blog. Si pasojë e kësaj, shpesh është e nevojshme të futen blloqet. Për këtë arsye, rreth si të bëhet indenti në css të detajuara në këtë mësim. Për shfletuesin, çdo etiketë është një enë që ka përmbajtje, mbushje, margjina dhe një kufi. Në këtë mësim do të mësojmë se si të bëjmë të brendshme dhe kufijtë Le të hedhim një vështrim në parametrat e tyre kryesorë.
Figura më poshtë tregon qartë parametrat e dhëmbëzimit të bllokut:
Siç mund ta shihni, dhëmbëzimi mund të bëhet në katër drejtime: dhëmbëzimi lart (lart), dhëmbëzimi i poshtëm (poshtë), dhëmbëzimi majtas (majtas) dhe dhëmbëzimi djathtas (djathtas). Njësitë mund të jenë pikselë, përqindje, etj. njësitë css- më shumë rreth tyre. Mësimi përdor pikselë.
Mbushja e bllokut
Prona është përgjegjëse për mbushjen e brendshme në CSS. mbushje. Pra, le të shohim një shembull të vendosjes së indenteve për një bllok:
padding-top: 5px; /*mbushje sipër*/ mbushje-left: 8px; /*mbushje majtas*/ mbushje-djathtas: 8px; /*mbushje djathtas*/ padding-bottom: 5px; /*mbushje e poshtme*/
AT ky shembull mbushja vendoset veçmas për secilën anë të bllokut. Përveç kësaj, ka disa mënyra për të vendosur dhëmbëzime në CSS:
diferenca: 5px 8px 5px 8px; /*sipër, djathtas, poshtë, margjina majtas*/ margjina: 5px 8px 5px; /*përshkruan kufijtë e sipërm, majtas, djathtas, poshtë*/ margjina: 5px 8px; /*përshkruan kufijtë e sipërm dhe të poshtëm, djathtas dhe majtas*/ margjina: 7px; /*përshkruan të gjitha mbushjet 7px*/
Është më e lehtë të kujtosh të parën mënyrat e fundit. Në rastin e parë, dhëmbëzimi vendoset në drejtim të akrepave të orës (sipër, djathtas, poshtë, majtas) - mund të specifikojmë çdo vlerë të dhëmbëzimit, në rastin e fundit, dhëmbëzimi në të gjitha anët do të jetë i njëjtë.
Blloko margjinat
Prona është përgjegjëse për kufijtë në CSS diferencë. Shembuj të marzheve në CSS:
margin-lart: 5px; /*diferenca e sipërme*/ margjina-majtas: 10px; /*margin majtas*/ margin-djathtas: 10px; /*margin djathtas*/ margin-bottom: 5px; /*diferenca e poshtme*/
mbushje: 5px 10px 5px 10px; /*sipër, djathtas, poshtë, margjina majtas*/ mbushje: 5px 10px 5px; /*përshkruan mbushjen e sipërme, majtas, djathtas, poshtë*/ mbushje: 5px 10px; /*përshkruan mbushjet e sipërme dhe të poshtme, djathtas dhe majtas*/ mbushje: 7px; /*përshkruan të gjitha kufijtë 7px*/
Kështu, si të bëhet indenti në css- pyetja nuk është e vështirë, por shumë e rëndësishme. Për të kuptuar më mirë informacionin e përshkruar më sipër, mbani mend se ka dy veti: mbushje - kufijtë e brendshëm dhe marzhi - kufijtë e jashtëm. Gjithashtu, siç e dini tashmë, ka disa mënyra për të vendosur dhëmbëza, mund t'i përdorni ato.
Ju mirëpres në blogun tim. CSS (Cascading Style Sheets) ofron shumë opsione personalizimi pamjen faqet e internetit. Sot do të doja të tregoja shkurtimisht se si të përcaktojmë në css një indent nga lart ose nga ndonjë anë tjetër për çdo element.
Mbushje e jashtme
Marzhi vendoset duke përdorur veçorinë marzh. Me të, mund të vendosni mbushjen në të katër anët menjëherë ose të përdorni veçori të tjera: margin-lart, margin-left, margin-djathtas, margin-bottom, të cilat ju lejojnë ta bëni atë vetëm në njërën anë.
Marzhi përcakton distancën në të cilën skaji i zgjedhur i një elementi do të futet nga elementët e tjerë në faqe. Për shembull, hyrja:
P, div (Margjina në krye: 20 px; )
Kjo do të thotë që të gjitha blloqet dhe paragrafët do të futen nga lart me 20 piksel, domethënë, skaji i sipërm i tyre do të largohet nga elementët ngjitur me të nga kjo distancë.
Margjinat mund të shkruhen në secilën anë me vetëm një veti margjine, e cila shkruhet me 4 vlera me radhë:
Div (Margjina: 20px 10px 20px 10px; )
Prerjet do të jepen nga skajet e sipërme, djathtas, poshtë dhe majtas respektivisht. Meqenëse në këtë rast ato janë të barabarta në anët e kundërta, mund të shkruhet edhe kështu:
Div (Margjina: 20px 10px;)
Vlera e parë është mbushja në krye dhe në fund, dhe e dyta është diferenca në anët.
Indent
Mbushja funksionon ndryshe - nuk e largon kutinë nga elementët e tjerë, por e shton atë hapësirë brenda elementit, duke e larguar përmbajtjen e kutisë nga skajet e saj. Është komode. Ku keni parë një faqe ku teksti fillon në pjesën e sipërme majtas të dritares?
Unë nuk e kam parë këtë, sepse zhvilluesit e uebit përdorin gjithmonë margjina dhe dhëmbëza për ta bërë tekstin sa më të lexueshëm. Indencat specifikohen duke përdorur veçorinë e mbushjes, në të cilën mund të renditen 4 vlera në të njëjtën kohë, të ndara me një hapësirë, përkatësisht për të gjitha skajet.
Gjithashtu, në mënyrë të ngjashme me margjinën, mund të shtoni emrin e anës dhe të vendosni distancën vetëm për të. Për shembull, dhëmbëzimi i sipërm mund të shkruhet me mbushje-lart. Në përgjithësi, vetia e mbushjes funksionon saktësisht në të njëjtën mënyrë si vetia e marzhit.
Një shembull është pjesa e mëposhtme e kodit:
Blloku (gjerësia: 200 px; mbushja: 20 px; )
Sa mendoni se do të jetë gjerësia aktuale e elementit tonë? Këtu mund të shihni se është 200 piksele, por mbushja shton 20 pikselë të tjerë në secilën anë, për një total prej 240 pikselësh. Merrni parasysh këtë kur hartoni.
Do të doja gjithashtu të vërej se mbushja zakonisht vendoset vetëm për elementët e bllokut, është më mirë të mos ia jepni elementëve të linjës. Marzhi funksionon mirë me çdo element.
Paraqitja CSS ka qenë gjithmonë drejtkëndore. Çdo vijë e qetë është kompetencë e zhvilluesit. Rregullat e stilit ofrojnë mundësi të mjaftueshme për t'i dhënë faqes forma të lëmuara brenda rezolucionit të ekranit. Por çdo element i paraqitjes është gjithmonë një drejtkëndësh në të cilin vendndodhja e informacionit rregullohet nga rregullat CSS.
Mbushja e gjithanshme është e rëndësishme për çdo element faqeje kur është absolutisht i pozicionuar, dhe mbushja e sipërme CSS është e përcaktuar në mënyrë specifike sepse ka rëndësi për elemente të ndryshme, veçanërisht ato të vogla.
Rregullat bazë të pozicionimit
Një element blloku ka një rregull mbushjeje nga anët e elementit në të cilin ndodhet (margjina), një rregull mbushjeje për elementët brenda tij (mbushje) dhe një gjerësi kufiri (kufiri) që mund të përdoret gjithashtu.
Me rëndësi të veçantë është dhëmbëzimi në krye. CSS brenda një blloku lidh rregullat e mbushjes me rregullat për elementët e pozicionuar absolutisht dhe relativisht brenda atij blloku.
Praktika e zakonshme e rregullave CSS: ju mund të specifikoni mbushjen në të gjitha anët në mënyrë të barabartë, në çifte sipër/poshtë dhe djathtas/majtas, ose për secilën anë veç e veç. Për shembull,
- diferenca: 10 px
- mbushje: 10px20px
- mbushje: 10px20px30px40px.
Në rastin e parë, vendoset dhëmbëzimi i elementit nga anët e enës së jashtme në të cilën ndodhet. Në rastin e dytë, hapjet e sipërme dhe të poshtme janë 10 px, majtas dhe djathtas - 20 px. Në rastin e tretë, tregohen përmasat e indeve në të gjitha anët: lart, djathtas, poshtë dhe majtas.
Në të gjitha këto raste, indent CSS e sipërme është 10 px.
Rregullat që ndryshojnë pozicionin e elementeve
Nëse një element i paraqitjes nuk është absolutisht i pozicionuar, ai pozicionohet në rendit të përgjithshëm formimi i faqes.
Nëse përcaktojmë futet nga maja e CSS në elementin scCurrInfo, qëllimi do të arrihet, dhe nëse është në nivelin li, nuk do të arrihet.
Në këtë shembull, duke përdorur mbushjen: 40px; kërkon një reduktim adekuat të rregullave të gjerësisë dhe lartësisë me 80 px. Përndryshe, madhësia e bllokut scCurrInfo do të shtrihet përtej kufijve të bllokut të jashtëm.
Nëse heqim rregullin e mbushjes nga përshkrimi scCurrInfo, por e shtojmë atë me një vlerë prej 20 px në përshkrimin e stilit të elementit të listës, marrim vetëm dhëmbëzimi i sipërm. CSS nuk do ta zbatojë këtë vlerë në anët e tjera.
Natyrisht, ky përdorim i rregullit të dhëmbëzimit zbatohet për çdo element li.
Praktikë e përgjithshme për formatimin e përmbajtjes
Disa zhvillues arrijnë përsosmëri duke shtruar faqe elementet e bllokut. Me sa duket është një praktikë klasike të filloni me tavolina dhe të përfundoni me tuajat. procesi arsimor në blloqe.
Liria e natyrshme faqosja e bllokut, është magjepsëse dhe imagjinata e zhvilluesit mund të mos kufizohet nga rregulla strikte të tabelës: vetëm rreshta, vetëm qeliza, që bashkohen vetëm horizontalisht dhe vertikalisht. Asgjë e veçantë për idetë relacionale.
Ndërkohë tabelat, përveç mangësive të dukshme, kanë edhe shumë përparësi cilësore. Kur krijoni dhëmbëzime nga lart, CSS merr parasysh hyrjet në të majtë, në të djathtë (poshtë është një moment i veçantë). Rregullat e qelizave të tabelës ju lejojnë të kontrolloni shtrirjen si vertikalisht ashtu edhe horizontalisht. Duke përdorur stilet e rreshtave, të kombinuara me stilet e qelizave, mund të krijoni pamje komplekse të përmbajtjes.
Paraqitja e zakonshme e faqes në formën e drejtkëndëshave nuk e pengon aspak paraqitjen e saj në formën e një tabele. Këto janë gjithashtu drejtkëndësha, por ato janë gjithashtu qeliza tabele, domethënë kanë rregullat e tyre që plotësojnë rregullat e bllokut.
Pozicionimi absolut
Blloku me rregull POZICIONI: absolute ; do të vendoset në vendin e caktuar nga koordinatat e tij në raport me bllokun në të cilin ndodhet.
Një tipar karakteristik i rregullave CSS është "praktika - kriteri më i mirë e vërteta" në shumicën e rasteve, veçanërisht kur kërkohet përputhshmëria e tërthortë të shfletuesve dhe paraqitja bëhet me dorë, preferohet të studiohen manuale të plota në fletët e stilit kaskadë.
Përdorimi i tabelave shpesh çon në probleme të zhvendosjes së qelizave. Një kompensim i ngjashëm brenda një blloku nuk prek gjithmonë të gjithë elementët. Duke eksperimentuar, mund të arrini rezultatin e dëshiruar. Një detyrë e parëndësishme: si hiqni mbushjen e sipërme, CSS jo gjithmonë e zgjidh atë në një mënyrë të parëndësishme.
Në disa raste, kur ju duhet të shtypni elementet e faqeve në zorrët e disave sistem popullor Menaxhimi i përmbajtjes së faqes, është ende e nevojshme t'i kushtohet vëmendje jo vetëm praktikës eksperimentale, por edhe të shikojmë përvojën e kolegëve.
Diten e mire! Vendosja e dhëmbëzimeve për tekstin dhe fotografitë është tema kryesore e botimit të sotëm. Le të shqyrtojmë më në detaje se cilat qasje mund të zbatohen në praktikë.
Webmaster, kur krijon një faqe, merret me blloqe teksti dhe frazat e vendosura në faqet e projektit. Zgjidhja e problemeve individuale shoqërohet me përdorimin Etiketat HTML shtuar në redaktor. Ekzistojnë disa lloje atributesh që ju lejojnë të zhvendosni frazat ose të ndryshoni vendndodhjen e fragmenteve në e-faqe.
Vendosja e dhëmbëzimeve duke futur hapësira
Le të shohim se si të futet teksti në HTML duke përdorur etiketë speciale, e cila siguron formimin e një hendeku. Është e nevojshme të futni kodin numrin e kërkuar herë në mënyrë që të arrihet devijimi i dëshiruar nga skaji i faqes.
Kodi i mësipërm përpunohet nga të gjitha llojet e shfletuesve dhe webmaster do të marrë një rezultat të garantuar. Disavantazhi i metodës qëndron në mundësitë e kufizuara, sepse për të rritur distancën, duhet të shtoni sasi e madhe etiketat, dhe kjo rrëmujë dokumentin.
Zbatimi i etiketës së citimit
Duke studiuar në detaje se si të futni tekstin në kodin HTML, mund të pengoheni metodë alternative duke dhënë më shumë mundësi.
Këtu do t'ju duhet të përdorni blloqe, e cila ju lejon të lëvizni fragmentin majtas dhe djathtas me rreth 40 px. Mjafton të shkruani kodin identik me shembullin e dhënë:
Metoda ju lejon të manipuloni frazat brenda një vlere fikse prej 40 px. Vlen gjithashtu të theksohet se në etiketë e dhënë zakonisht përfundojnë me një citat.
Alternativat
Nëse keni ndërmend të lëvizni në një distancë jo standarde, do t'ju duhet të përdorni parametrin e indentit të tekstit në lidhje me stilin Tabela CSS. Metoda e konsideruar siguron krijimin e një devijimi të rreshtit të parë në distancën e dëshiruar. Ndryshimet e mëposhtme duhet të bëhen në redaktues:
Kur kërkohet të matet numri i kërkuar i pikselëve nga një imazh, preferohen kode të thjeshta por efektive.
Në rastin e parë, vendosen vetëm vlerat e zhvendosjes nga skajet e figurës. E dyta vendos pozicionin e figurës përgjatë skajit të majtë me tekstin që mbështillet në të djathtë, dhe e treta - anasjelltas.
Informacionit i ka ardhur fundi. Më thuaj, a e gjete informacionin që të intereson? Përgjigja mund të shkruhet në komente.
Së fundi, do të përmend se blogu Workip i kushtohet kryesisht opsioneve monetare për të fituar para në internet. A e dini se cilat metoda janë vërtet premtuese financiarisht? Disa prej tyre tashmë janë publikuar.
Publikimi i materialeve vazhdon. Abonohuni në email për përditësimet e projektit. Deri në komunikim.
