Itilize nan CSS nan mitan an: tèks la ak tablo

se mond Enfòmasyon nan tout eleman li yo ak reprezante pa apwoksimasyon nan eleman, mo sa yo ak tèks, oswa nan dènye egzanp ofisyèlman - tèks yo ak tab. Ou ka konsidere lòt, ki deja li te ye, estrikti done, osi byen ke foto yo, men yo sèvi ak CSS ak HTML pwoblèm an tèm de fòma tèks rete fòm enfòmasyon gen yon atitid diferan.

Bon estrikti paj sit enplike nan pou detèmine si pozisyon nan chak eleman. HTML-dokiman se toujou - se yon sekans nan eleman nan ekspozisyon dirèkteman enfliyanse pa twa règ debaz:

• Absoli pwezante (pozisyon);
• plas nan yon kouran;
• z-endèks.

Lòt chwa aranjman yo enpòtan tou, mande pou plis konesans yo rezoud pwoblèm nan ak CSS "nan sant la nan tèks la."

Santraj ak aliyman règ

règ CSS konplete HTML-dokiman an, men san yo pa dwa a nan lèt la ka fè fas ak nenpòt ki opsyon aliyman. omniprezans a nan aparèy mobil ak desen an nan swen nan yon direksyon ki nan pi gwo senplisite ak "ekeraj" fè pwoblèm nan Santralizasyon kounye a, pandan y ap aliyman nan lòt souvan pèdi valè.

eleman prensipal la nan paj la - inite dekri sèten style. Anjeneral orizontal aliyman: tèks-aliman ka pran, kòm te rive sèlman kat valè (kite, sant, dwa, jistifye). Ou ka fè yon aliyman vètikal pa mete ansanm valè a nan wotè nan dwa ak liy-wotè:

{
wotè: 88px; // nan sa a rapò
liy-wotè: 88px; // CSS pou Sant tèks - Vètikal
}

Ou ka eksperyans ak règ diferan. ; sous yo te jwenn mansyone sou rèv la vle règ yo ekspozisyon blòk: tab, ekspozisyon: tab-selil ak vètikal-aliman: presegondè; men se pa toujou li fonksyone.

Aliyen tèks pa tab

Estrikti a done sèlman ki te dwe konprann premye ak viv pou tout tan - tab. Li bay ak aliyman nan vètikal yo ak orizontal, nan adisyon, kesyon an pou konnen kijan pou plas tèks nan sant la CSS, lè l sèvi avèk tab pa gen yon siyifikasyon konplèks.

Yon moun ki pratike ki deja egziste nan lè l sèvi avèk règ CSS reyalize yon objektif patikilye nan markeup a se pa toujou satisfè konsèp nan Dra Mélanger Style. Pa gen anyen anpeche pwomotè a fè aliyman nan nenpòt direksyon pa mete kontni nan selil la santral nan tablo a nan twa kolòn ak twa ranje.

Desizyon sa a se pa estanda, men ki efikas. Olye pou yo yon long ak metikuleu rezoud pwoblèm nan nan paj kwa-navigatè oswa atann marges agoch, adwat, ak sou sa. Ou kapab sèvi ak banal pousantaj lajè ak ranje mòn yo nan selil yo nan tab yo.

Aliyman nan JavaScript

Kesyon an "Ki jan nan plas tèks santre nan HTML a" solisyon primè algorithm, lang navigatè, e li gen yon konsepsyon pi plis pratik ak espektakilè.

Design Style Dosye deja ale sou kouran, ak prèske chak sistèm jesyon kontni pwòp tèt ou-respekte bay pwomotè a kouche estil pou tout okazyon. Men, lavi toujou mande pou konkrè: li nesesè chak fwa nan grate yo panse, ki jan pou l 'ak tèks CSS nan plas la presegondè. Opsyon pou rezon aliyman nan inite a, "kole" sou bò a nan paj la, men paske mwen gen gwosè a, diman apwopriye blòk pop-up meni an, ki se bati soti nan eleman diferan.

Vizib santre - li a pa toujou fasil yo bloke, ki te orijinèlman li te ye, ki kote bò gòch ak ki jan anpil piksèl a dwat la, kote tèt la, epi yo pa garanti ke fon an - li an liy sou ki ta dwe fè aliyman an vètikal.

Youn tandans ki ta dwe style la dwe detèmine pa kontni an. Sit sa yo plis yo enfòmasyon vizitè, vizyèl ak son - se sèlman adisyon a nan tèks la nòmal. Sa karaktè yo ap vle kontni (sa a pa aplike nan sit entènèt sou atizay, penti, mizik, elatriye) - se yon kesyon de enfòmasyon ki nesesè yo vizitè a.

Karakteristik prezantasyon nan tèks ak HTML

Li te rive ke yon eleman endivizib nan paj kontni - tèks, epi yo pa pawòl Bondye a nan. Semantics - se konpetans nan pwomotè a (pwopriyetè a sit). Aktyèlman ka tèks la dwe soumèt nan youn tag, se sa ki yon fraz natirèl kapab pa sèlman yon sekans nan karaktè, ak sekans nan Tags ki gen karaktè. Sa a soti nan li swiv ki "difisil" CSS la "nan sant la nan tèks la" kapab mete sèlman nan ka ki senp.

Sèvè demann ekstradisyon pou navigatè a se trè gran, epi gen eleman anpil, pa toujou ki gen rapò ak ki sa ki pral ap parèt. Lè yap devlope Layout a nan paj la li enpòtan yo mete anfaz la an tèm de prezantasyon, an patikilye aliyman an. Yon bagay pi bon fè sou sèvè a ki yon kliyan ki nan navigatè a. pa toujou konte sou règ CSS, yo konsantre sou rezilta nan fen se pi plis pratik.