A Css tulajdonság úszó példákon
1. lépés. Kezdjük azzal, hogy van képünk és szövegrészünk.
Tegyük fel, hogy szeretnénk biztosítani, hogy a képünk a jobb oldalon van, és a szöveg áramlik körülötte. Azt is szeretnénk, hogy a bal oldali éltől és alulról behúzzuk a képünket, hogy a szöveg ne ragaszkodjon a képhez. Végül szeretnénk létrehozni egy keretet a kép körül.
Tehát itt van a kiindulási helyzet:
2. lépés - Alkalmazza a float: right tulajdonságot a képünkre.
Ha a képet a jobb oldali élre szeretné kényszeríteni, akkor a .floatright osztályt alkalmazzuk. amelyben hozzárendeljük a szabály float: jobb.
Mi történt, nézze meg az alábbi példát:
3. lépés - adjunk hozzá behúzókat
A behúzásra azért van szükség, hogy a szöveg balról és alulról eltolódjon.
Egy rövid változatot írunk le, amely szabályozza a behúzást: "margin: 0 0 10px 10px;". Ne feledje, hogy egy ilyen rekordmal az értékek ebben a sorrendben kerülnek alkalmazásra - felső, jobb, alul, balra.
Jelenleg ez a helyzet:
4. lépés - Keret hozzáadása
A kép kerethez való hozzáadásához a szabályt: "border: 1px solid # 666;" .
5. lépés - A behúzódó behúzások hozzáadása
Ha azt szeretné, hogy a keret tökéletesen illeszkedjen a képhez, akkor használhatja a belső behúzást szabály hozzáadásával: padding: 2px;
Az információk azonnali megszerzésére két csatorna (látás és hallás) révén a tanítás hatékonysága sokkal nagyobb, mint a könyvek tanulása. És a házi feladatok és az online tesztek lehetővé teszik, hogy folyamatosan gondolkodj a tanult nyelvben, és azonnal ellenőrizd a tudását!
Ha sokáig szeretné megtanulni a HTML-t, akkor remek hírekkel szolgálok neked!
Ha már megtanulta a HTML-t, és tovább akar lépni, a következő lépés a CSS-technológia megtanulása.
Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!