Sivuston asettelua on kahta tyyppiä: taulukko ja lohko. Ja vaikka ensimmäinen on helpompi luoda yksinkertaisia HTML-sivuja, jälkimmäinen on ihanteellinen, jos sinun on lisättävä yksittäisiä elementtejä lohkojen muodossa.
Ohjeet
Vaihe 1
On olemassa kaksi tekniikkaa, joiden avulla voit kehittää lohkomallin itse: upottamalla CSS-tyylitaulukot asiakirjaan tai yhdistämällä ne ulkoisesta resurssista. Molemmat antavat saman tuloksen, joten niiden välillä ei ole mitään perustavaa eroa. Ensimmäisessä tapauksessa liitä seuraava koodi mihin tahansa style.css-tiedostoon:
.block1 {
}
Lohko1 - lohkon nimi, voit kirjoittaa minkä tahansa muun. Määritä kiharoiden aaltosulkeiden väliset parametrit seuraavassa muodossa: attribuutin nimi> kaksoispiste> arvo> puolipiste (mukaan lukien sijoitettu kiharan aaltosulkeen). Seuraavia elementtejä käytetään yleisesti:
- leveys - leveys (500px, 100% jne.);
- korkeus - korkeus (200px, 25% jne.);
- tausta - taustaväri (keltainen, punainen, # 000000);
- pehmuste - pehmuste lohkon sisäpuolella (0px, 20%);
- marginaali - lohkon ulkoiset marginaalit (15 kuvapistettä, 40%);
- reunus - kehys (reunus: kiinteä 0 kuvapistettä musta;);
- float - suuntaus (vasen, oikea);
- reunan säde - kulmien pyöristäminen (reunan säde: 10 kuvapistettä;).
Vaihe 2
Lisää CSS: n toisessa käytössä tyyli ja -tagien väliin:
.block1 {
}
Ja lisää haluamasi parametrit.
Vaihe 3
Lisää lohko haluamaasi paikkaan sivustolla komennolla:
Lohko 1
Tallenna ja päivitä sivu, sen pitäisi näkyä. Muista, että korkeuden suuntaus voi vaihdella sisällön täydellisyyden mukaan. Jos esimerkiksi asetat 300 kuvapistettä, mutta kirjoitit vain yhden tekstirivin, se ei näy kokonaan. Tämä voidaan korjata esimerkiksi käyttämällä taulukkoa, jossa on vaaditut parametrit, jotka tulisi sijoittaa lohkon sisään, ts. tunnisteiden ja. Ja jotta reunat eivät ole näkyvissä, lisää attribuutti
