🙂 İNSANLARIN EN HAYIRLISI INSANLARA FAYDALI OLANDIR 🙂

Ramazan HABER / CSS / Web odası ders 2(konumlandırma(position),kaydırma(float))

 

1-) CSS -  Web odası ders 2(konumlandırma(position),kaydırma(float))

position:static ; hiç birşey yazmassan DEFAULT olarak bu olur.  kendinden sonra gelen div buna göre konumlanır. misal 2. div margin-top:5px desek sayfanın yukarısından değil en son position:static kime uygulanmışşa oradan devam eder.

position:relative ; her zaman kendisinden önceki gelen elemanı baz alır. kendisinden önce gelen elemanın ne olduğu önemsiz dir o yüzde top : 15px ; yazınca margin kullanmadan kendısınden oncekı elemandan 15px aşağı iner

position:absolute ; sadece sayfayı baz alır o yuzden bunu yazınca top,left gibi ifadeler hep sayfayla ilgilidir. Başka önemli noktası ise diğer divleri etkilemez.

position:fixed; hangi div e yazılırsa o div başklarını etkilemez. kısaca kendini diğer divlerden gizler. sabitlemede diyebiliriz. en önemli özelliği ise sayfayı aşağıya indirirsek bunu yazdığımız divde aşağıya iner

float:left; sola yaslama demek fakat alt alta gelen 2 dive yazarsak bu divler yan yana olur.

clear:both; floatlardan etkilenmemesi için 3. dive bu uygulanır. hizalama düzgün olur.

 2021 Ocak 18 Pazartesi
 382