Tartalom

• irányok
• A szöveg igazítása
• balra {
• jobb {
• központ {
• Hogyan lehet központosítani a divíziókat, a kontúr és a testosztályokat
• tippek
• Amire szüksége van

A HTML-címkékben található HTML-illesztési attribútumok használata helyett jobb, ha a webes tervezők átadják a prezentációs információkat (igazítási beállításokat) a stíluslapra. Ez a cikk elmagyarázza, hogyan igazíthatja a szöveget és hogyan lehet központosítani a nagyobb oldalelemeket, például a megosztásokat.

irányok

A stíluslapok lehetővé teszik, hogy a szöveget jobban igazítsa, mint a szöveget (weboldal elrendezésképe 6922Designer a Fotolia.com-tól)

A szöveg igazítása

1. A szöveg normál blokkjában, például egy bekezdésben vagy idézetben lévő szövegek igazításához használja a szöveg-igazítás tulajdonságot.

2. A szöveg-igazítás tulajdonság értékei balra, jobbra, középre és igazolhatók. Mivel az indokolt szöveg nem olvasható az interneten, az ábrán csak a bal, a jobb és a középre igazított szöveg látható. Ebben az ábrán minden egyes bekezdés fekete szegéllyel rendelkezik, hogy bemutassa az oldalon lévő blokkelem méretét, ha az elemre nem alkalmazunk szélességi beállítást.

   
   

3. Általában egy elem hozzárendelhető egy azonosítóhoz vagy osztályhoz. Az azonosító vagy az osztály bármely elemére vonatkozó szövegbeigazítást egy szabály határozza meg, például:

   balra {

   szöveg-igazítás: balra; }

   jobb {

   szöveg-igazítás: jobb; }

   központ {

   szöveg-igazítás: központ; }

Hogyan lehet központosítani a divíziókat, a kontúr és a testosztályokat

1. Lehet, hogy egy egész elrendezést vagy egy nagy elrendezést szeretne középre helyezni. Ezekben az esetekben más CSS technikát alkalmaznak.

2. A CSS szabályt a legnagyobb elem középső választójához alkalmazza. Lehet testrész, határszakasz vagy konténerosztás.

   
   

3. A módszer központosítása nem befolyásolja a szövegbeállításokat. A középső elem megtartja a szöveg alapértelmezett balra igazítását a középső elemen belül.

4. Az alábbiakban egy teljes testelemet mutatunk be (egy fekete szegéllyel az egyértelműség érdekében), amely egy oldalra van helyezve. Az elemhez szélességet kell beállítani, majd a bal és a jobb oldali margók beállítása automatikus. Ez a következőképpen történik:

   test {szélesség: 80%; margin-right: auto; margin-left: auto; határ: 1px fekete; }

tippek

• Általában nem kell használni a balra igazítást, mivel a bal oldali igazítás az alapértelmezett.Tudnia kell azonban, hogy létezik, ha újra kell definiálnia a korábban központosított vagy jobbra igazított szöveget az alapértelmezettre. A központosítandó elem szélessége pixelben, százalékban vagy ems-ben definiálható.

Amire szüksége van

• Szövegszerkesztő
• HTML szerkesztő
• Alapvető HTML ismeretek