Notes: CSS & HTM (4)

Lesson10

• Multiple selectors: div ul li{}
• Divide and conque: div
• clase
• pozitionarea imaginilor link in blocuri rotunde (border-radius:100%;)

• display:
• block
• inline-block
• inline (pt h1 si p)
• none.
  

1. Margine: margin:auto; (la mijloc stg-dr);
   margin:40px 30px 20px 10px; (sus-dreapta-jos-stanga=>in sensul acelor de ceasornic) sau

margin-top:40px;

margin-right:30px;

margin-bottom:20px;

margin-left:10px;

2. Bordura
3. padding poate fi stabilit ( if you want your padding to be the same for all four sides, you can declare that value only once - padding: 10px - 10 pixels of padding on all sides.):
   1)
   padding-top:40px;

padding-right:30px;

padding-bottom:20px;

padding-left:10px;

    2)
    padding: 40px 30px 20px 10px;

4. Negative values
5. pozitionare - float:right;
6. clearing elements: clear (inlatura blocurile suprapuse sau blocate intre margine si alt bloc)
7. static by default : static
8. Absolute positioning: position: absolute
9. Relative position (isi ia marginea din locul in care era pozitionat si nu din oricare alt reper) position:relative;
10. fixed positioning (raman pe ecran desi realizezi scroll cu mouse ul) position:fixed;

Lesson11

• bara de navigare
• overflow: scroll;
• tabel cu pozitionari
•