Css da bloklar bilan ishlash css fileni sahifaga ulash Css da bloklar bilan ishlash

Css da bloklar bilan ishlash css fileni sahifaga ulash

Css da bloklar bilan ishlash

1. - css fileni sahifaga ulash.

   
   
2. 
   - sahifada clok ochish blok alohida alohida joylar.
   

3. width: 980px – blok eni

   
   

4. height: 600px – blok bo’yi

   
   

5. border-style:solid - chegra chizish;

   
   

6. border-width:2px – chegarani qalinligi;

   
   

7. border-color: grey – chegara rangi;

   
   

8. border: double 2px red – yuqoridagi elementlarni bittada berish (chiziq turi, qalinligi rangi);

   
   

9. border-top: dotted 5px grey – alohida alohida chegara chizish.

   
   

10. - bitta orqadagi rasm filega murojaat qilish.

    
    

11. border-radius: 60px 50px – Chegarani bukish.(agar ikki tomonga berilsa qolgan tomonlar mos ravishda olinadi)

    
    

12. border-style: outset(dashshet double inset) – chegara chizig`i turi

    
    

13. border-width: 5px; - Chegara qalinligi.

    
    

14. border-color: green; - Chegara rangi.

    
    

15. border: 2px solid pink; - Yuqoridagilarni barchasini qisqartirilgan varyanti;

    
    

16. border-radius: 50PX; - Radius hosil qilish.

    
    

17. #yuqori h1{} – yuqori blokning ichida keladigon h1 lar uchun atribut yozish.

    
    

18. margin-bottom: 10px; - tashi maydonni pastdan siljitish.

    
    

19. margin-top: 10px;- tashi maydonni yuqoridan siljitish.

    
    

20. margin-right: 20px;- tashi maydonni o`ngdan siljitish.

    
    

21. margin-left: 20px; - tashi maydonni chapdan siljitish.

    
    

22. ! tashqi maydon border hususiyatidan keyin berilishi lozim aks holda border ishlamaydi.

    
    

23. display: block; - rasmni o`rtadan chiqarish;

    
    

24. Padding – bu ichki maydon (!maydon ichidagi elementdan maydongacha bo`lgan masofa).

    
    

http://fayllar.org