Kohdista Sivustosi Keskelle

Sisällysluettelo:

Kohdista Sivustosi Keskelle
Kohdista Sivustosi Keskelle

Video: Kohdista Sivustosi Keskelle

Video: Kohdista Sivustosi Keskelle
Video: ТАКОГО ТЫ ЕЩЕ НЕ ВИДЕЛ! Полезные советы на все случаи жизни! 2024, Joulukuu
Anonim

Koodaamisen yhteydessä verkkovastaavan on tehtävä paljon vaivaa saadakseen sivuston näyttämään yhtä hyvältä erilaisilla näytön tarkkuuksilla. Paras ratkaisu on keskittää kaikki sivun sisältö.

Kohdista sivustosi keskelle
Kohdista sivustosi keskelle

Ohjeet

Vaihe 1

Keskitystapa riippuu asettelutavasta. Voit käyttää tunnisteita tai

… Tietysti on helpompaa kietoa kaikki sisältö tagiin, mutta se on vanhentunut kauan sitten, eikä ole mitään takeita siitä, että kaikki toimii oikein. Moderni tapa on käyttää CSS-tekniikkaa.

Vaihe 2

Tunniste erottaa osan koodista yhdeksi lohkoksi, jolloin voit muuttaa sisällön ulkonäköä antamalla fragmentille yhden fontin, värin, taustan jne. Lohkon asettelulla kaikki tagin sisältö sijoitetaan tagiin. Asetimme tasauksen tasausmääritteen kanssa. Se näyttää tältä:

Sivuston sisältö

Vaihe 3

Keskitys voidaan asettaa myös CSS-työkaluilla. Tätä varten sinun on luotava erillinen tiedosto tyylitaulukoista tai sijoitettava kaikki samaan HTML-tiedostoon tagiin. Koodi näyttää tältä:

* {marginaali: 0; pehmuste: 0;}

runko {

tekstin tasaus: keskellä;

}

div {

leveys: 700px;

marginaali: 0 auto;

}

Vaihe 4

Taulukon asettelussa keskitys asetetaan tagin taulukkojen avulla

… Koodi on seuraava: <sivustotaulukko

… Taulukko sijaitsee vastaavasti sivun keskellä ja sen sisältö myös. Voit myös asettaa minkä tahansa lohkon leveyden määrittämällä sen käyttämällä leveysparametriä.

Vaihe 5

Kun valitset sivun leveyden, pidä mielessä, että käyttäjien näytön tarkkuudet voivat olla hyvin erilaisia kuin sinun. Joskus, jotta et erehdy kokoon, sinun tulisi asettaa kaikki prosentteina. Tämä on erityisen hyödyllistä, jos sinulla on yksinkertainen sivusto.

Vaihe 6

Valitusta menetelmästä riippumatta varmista, että sivustosi toimii oikein kaikissa selaimissa. Jos se jostain syystä näkyy väärin yhdessä niistä - ilmoita tämä.

Suositeltava: