Există două tipuri de aspect al site-ului: tabel și bloc. Și, deși primul este mai convenabil pentru crearea de pagini HTML simple, acesta din urmă este ideal dacă trebuie să adăugați elemente individuale sub formă de blocuri.
Instrucțiuni
Pasul 1
Există două tehnici care vă vor permite să dezvoltați singur un design de bloc: încorporând foi de stil în cascadă într-un document sau conectându-le dintr-o resursă externă. Ambele dau același rezultat, deci nu există nicio diferență fundamentală între ele. În primul caz, lipiți următorul cod oriunde în fișierul style.css:
.block1 {
}
Blocul 1 - numele blocului, puteți scrie oricare altul. Între acolade, specificați parametrii în următorul format: nume atribut> două puncte> valoare> punct și virgulă (inclusiv plasat în fața acoladei). Următoarele elemente sunt utilizate în mod obișnuit:
- lățime - lățime (500px, 100% etc.);
- înălțime - înălțime (200px, 25% etc.);
- fundal - culoare de fundal (Galben, Roșu, # 000000);
- padding - padding în jurul conținutului din interiorul blocului (0px, 20%);
- marja - margini externe din bloc (15px, 40%);
- chenar - cadru (chenar: negru solid 0px;);
- float - aliniere (stânga, dreapta);
- border-radius - rotunjirea colțurilor (border-radius: 10px;).
Pasul 2
În a doua utilizare a CSS, adăugați stilul între etichete și:
.block1 {
}
Și adăugați parametrii doriți.
Pasul 3
Introduceți blocul în locul dorit de pe site folosind comanda:
Blocul 1
Salvați și reîmprospătați pagina, ar trebui să apară. Rețineți că alinierea înălțimii poate varia în funcție de cât de plin este conținutul. De exemplu, dacă setați 300 px, dar ați scris doar un rând de text, acesta nu va fi afișat integral. Acest lucru poate fi corectat, de exemplu, folosind un tabel cu parametrii necesari, care ar trebui să fie amplasați în interiorul blocului, adică între etichete și. Și, astfel încât marginile să nu fie vizibile, introduceți atributul
