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).