Daar is twee soorte werfuitleg: tabelvormig en blokvormig. En hoewel eersgenoemde gemakliker is om eenvoudige HTML-bladsye te skep, is laasgenoemde ideaal as u individuele elemente in die vorm van blokke moet byvoeg.
Instruksies
Stap 1
Daar is twee tegnieke wat u in staat stel om self 'n blokontwerp te ontwikkel: deur kaskade-stylvelle in 'n dokument in te bed, of deur dit van 'n eksterne bron te koppel. Albei gee dieselfde resultaat, dus is daar geen fundamentele verskil tussen hulle nie. Plak in die eerste geval die volgende kode op enige plek in die style.css-lêer:
.blok1 {
}
Blok1 - die naam van die blok, u kan enige ander skryf. Tussen die krullerige hakies, spesifiseer die parameters in die volgende formaat: kenmerknaam> dubbelpunt> waarde> kommapunt (ingesluit voor die krullerige hakie). Die volgende elemente word algemeen gebruik:
- breedte - breedte (500 px, 100%, ens.);
- hoogte - hoogte (200 px, 25%, ens.);
- agtergrond - agtergrondkleur (geel, rooi, # 000000);
- opvulling - vulling rondom die inhoud in die blok (0px, 20%);
- marge - eksterne marges vanaf die blok (15px, 40%);
- raamraam (rand: soliede 0px swart;);
- vlotterbelyning (links, regs);
- rand-radius - afronding van hoeke (rand-radius: 10px;).
Stap 2
In die tweede gebruik van CSS, voeg die styl tussen die tags en:
.blok1 {
}
En voeg die parameters by wat u wil hê.
Stap 3
Plaas die blok op die gewenste plek op die webwerf met behulp van die opdrag:
Blok 1
Stoor en verfris die bladsy, dit moet verskyn. Hou in gedagte dat die hoogtebelyning kan wissel, afhangende van hoe vol die inhoud is. As u byvoorbeeld 300 px stel, maar net een reël teks geskryf het, sal dit nie volledig vertoon word nie. Dit kan byvoorbeeld reggestel word met behulp van 'n tabel met die vereiste parameters, wat binne die blok geplaas moet word, d.w.s. tussen tags en. En voeg die kenmerk in sodat die rande nie sigbaar is nie
