Wat is die uitleg van die blok? Hoe om 'n enkele bladsy van jou webwerf op hul eie op te lê?

Daar is 'n begeerte om te leer om jou eie bladsye webwerwe maak? Dan se wat die blok uitleg bemeester. Uitleg beginner ontmoet 'n aantal probleme, hulle het 'n baie vrae. Dink na oor wat is blokkodering.

'N Belangrike wenk

Gebruik die WYSIWYG editor, so alles was duidelik. Diegene wat HTML goed, werk ken in die notaboek, omdat hulle alles verstaan. En beginners kan neem voordeel van programme soos FrontPage of, byvoorbeeld, Dreamweaver.

Tipes uitleg webwerwe

Daar is verskeie tipes uitleg:

1. Tabel.
2. Blok.
3. Gemeng.

Ons is geïnteresseerd in die blok uitleg. Wat onderskei dit van die tafel? Op blok uitleg met behulp van DIV tag het sekere voordele:

1. Laai met die ontwerp van die blokke vinniger.
2. Inhoud vertoon blokke (in teenstelling met tafels) as die aflaai plaasvind. Soos bekend is, sal hierdie tabelle te vertoon net na die hele tafel.
3. Kode met div-s makliker om te lees.

Dit is nie al die voordele, wat veral bekend is vir die blok uitleg.

Hoe om die plek div-blokke te verander?

Dit sal ons help om te dryf - hierdie eiendom wat in staat is van die volgende is:

1. Align links - links.
2. Om aan te pas reg - reg.
3. Element bly waar hy is, sal hy nie beweeg as gegee nie. Hierdie waarde sal die verstek wees.

Nog 'n belangrike eienskap wat ons nodig het - duidelik. Hy mag hê 4 waardes:

1. Vir installasie onder die vorige item, beweeg na regs, blok - reg.
2. Links stelle onder die vorige element, wat verskuif na die linkerkant.
3. Beide - Die installering van vorige verplaas blok.
4. Geen dui die afwesigheid van beperkings op die posisie van die blok met betrekking tot daardie elemente wat beweeg.

byvoorbeeld

Kyk hoe dit sal lyk soos 'n blok uitleg div. Ons skryf ons kode:

Onder die kode wat jy sien die resultaat. So, op die basis van 'n paar eienskappe kan beheer blok reëling as jy wil. Gaan na die volgende oomblik. Ons het gebruik teks-align: center, aan elke blok vir enige leser in lyn te bring.

Soos jy kan sien, dit is eenvoudig blok uitleg van die terrein. Dit is belangrik om te studeer en oefen hoe meer eienskappe wat 'n meer buigsame struktuur van die bladsye sal skep.

Iets meer belangrik

Daar is 'n gewilde funksie wat gebruik word in die uitleg - posisie, is dit gebruik vir posisioneer.

Die waardes vir die eienskappe van posisie:

1. Relatiewe - stel die posisie van die elemente met betrekking tot hul oorspronklike plekke. Aansoek links, bo, regter, onderkant element beweeg in 'n sekere rigting.
2. Statiese - normale vertoning item. Dit maak geen sin om die regte / links, bo / onder gebruik - dit kan lei tot niks.
3. Absolute - absolute posisionering element.
4. Vaste - soortgelyke absolute. Dit is seker 'n sekere punt op die skerm, maar dit beteken nie sy posisie te verander, selfs al bladsy daarby.

Baie uitleg opgemerk dat by die gebruik van 'n vaste, absolute en relatiewe posisionering van die blokke is bo. En dan interessant wees om te weet watter van die onderstaande blokkies, wat bo. Om hierdie vraag te beantwoord, moet jy z-indeks eiendom. Dit bring uitleg blokke om 'n nuwe vlak. Dit maak dit moontlik om nie net die posisie van die vliegtuig te maak nie, maar ook deur middel van die derde as Z. Die waarde van so 'n eiendom kan positief of negatief wees.

Skep 3 blokke. Volgende, eksperimenteer met absolute posisionering.

Soos jy kan sien, is dit maklik om die posisie van die blokke te verander. Op grond van die feit dat jy nou in staat om enige elementêre blok uitleg bladsy maak. Die toepassing van die meer eienskappe wat jy sal verbeter jou vaardighede.