Existujú dva typy rozloženia stránok: tabuľkové a blokové. A zatiaľ čo prvý je vhodnejší na vytváranie jednoduchých html stránok, druhý je ideálny, ak potrebujete pridať jednotlivé prvky vo forme blokov.
Inštrukcie
Krok 1
Existujú dve techniky, ktoré vám umožnia vyvinúť návrh bloku sami: vložením kaskádových šablón štýlov do dokumentu alebo ich pripojením z externého zdroja. Oba poskytujú rovnaký výsledok, takže medzi nimi nie je žiadny zásadný rozdiel. V prvom prípade vložte nasledujúci kód kamkoľvek do súboru style.css:
.blok1 {
}
Blok1 - názov bloku, môžete napísať akýkoľvek iný. Medzi zloženými zátvorkami zadajte parametre v nasledujúcom formáte: názov atribútu> dvojbodka> hodnota> bodkočiarka (vrátane znaku umiestneného pred zloženou zátvorkou). Bežne sa používajú tieto prvky:
- šírka - šírka (500 pixelov, 100% atď.);
- výška - výška (200 pixelov, 25% atď.);
- pozadie - farba pozadia (žltá, červená, # 000000);
- výplň - výplň okolo obsahu vo vnútri bloku (0px, 20%);
- marža - vonkajšie marže z bloku (15 pixelov, 40%);
- orámovanie - rám (orámovanie: plná 0px čierna;);
- plavák - zarovnanie (vľavo, vpravo);
- border-radius - zaoblenie rohov (border-radius: 10px;).
Krok 2
Pri druhom použití CSS pridajte štýl medzi značky a:
.blok1 {
}
A pridajte požadované parametre.
Krok 3
Vložte blok na požadované miesto na webe pomocou príkazu:
Blok 1
Uložte a obnovte stránku, mala by sa zobraziť. Nezabudnite, že vyrovnanie výšky sa môže líšiť v závislosti od toho, aký je obsah plný. Napríklad ak nastavíte 300 pixelov, ale napísali ste iba jeden riadok textu, nebude sa zobrazovať celý. Dá sa to napraviť napríklad pomocou tabuľky s požadovanými parametrami, ktorá by mala byť umiestnená vo vnútri bloku, t.j. medzi značkami a. Aby neboli viditeľné hranice, vložte atribút
