Css elrendezés a helyszínen - egy blokk elrendezés a CSS
Tulajdonságok és értékek
- background-color: - meghatározza a háttér színét.
- margin: 0 auto - határozza meg a központosító egységet.
- szélesség: - meghatározza a szélessége pixelben vagy százalékban.
- magasság: - határozza meg a magasságot.
- float: left - meghatározza a csomagolás, a bal oldalon.
- border-jobbra: - meghatározza a tulajdonságait a jobb oldali szegélyét.
- clear: both - törli a csomagolást mindkét oldalon.
Megjegyzés: a pontozott keret a bal oldali oszlopban, ami valahogy nem éri el az alsó. Az ilyen árnyalatok könnyen eltávolíthatók keresztül atritsatelnogo margin tulajdonságok értékeit. Például, margin-bottom: -15px vágja le a felesleges (lásd az alábbi példát).
kemény HTML CSS elrendezési blokkok három oszlopban
Példa merev blokk elrendezés helyén három oszlopban.
Blokk-kódolás előnyös táblázat elrendezés. Oldal elrendezés blokkok több lehetőséget biztosít a formázás és a design. Fészekrakó blokkokat igényel a munkaképesség tulajdonságaival margin, padding, úszó, világos.
Például float tulajdonság lehetővé teszi, hogy gondoskodjon több, egymást követő, horizontális blokkok osztani a web-oldalon függőleges.
gumi HTML CSS elrendezés blokkok
Egy példa a gumi elrendezés weboldal segítségével blokkolja.
Látjuk, hogy a jobb oldali oszlopban lecsúszott → hozzá a választó div.right_col beállítás margin-top: -20px.
Tulajdonságok és értékek
- padding-left: - meghatározza a padding a bal oldalon.
- margin-top: - határozza meg a külső teret felülről.
- margin-left: - határozza meg a megjelenését a bal francia.
- min-szélesség: - meghatározza a minimális szélességű.
- max-szélesség: - határozza meg a maximális szélesség.
A bal oldali oszlop a paraméter float: left ténylegesen lefedi a jogot, mivel a jog nem tartalmazza az attribútum áramlását. Másfelől, a beállítás margin-left: 200px meghatározza a behúzás a jobb oldali oszlopban, így nem fedik egymást. Nem kérhetjük a csomagolást a jobb oldali oszlopban, mert ebben az esetben érvénytelen lesz min-width és max-width.
Megjegyzés értékét padding. a szélessége a pontozott keret méretétől.
Gumi + kemény HTML CSS elrendezés blokkok
Példa a CSS elrendezés oldalon.
Tedd a bal és jobb oldali oszlopban a tartályban
Paraméter padding: 10px 10 hozzáfűzi pixel minden oldalon, így a tartály
Kiderült, hogy ez nem olyan nehéz. Menj előre.
Példa szűk CSS helyszínrajzokat táblázatok segítségével.
függőleges-align igazítja a tartalmát a felső cella, alkalmazása csak a sejtekhez.
gumi HTML CSS kódolás asztalok
Példa gumi CSS helyszínrajzokat táblázatok segítségével.
A oday blokk elrendezés, merev vagy gumi a leggyakoribb elrendezés közül szakmai oldalak.
Lecke 23. Helymeghatározás CSS CSS elrendezés CSS referencia hely: font
Mentés és megosztás szolgáltatások