CSS Layout - Tugas Pemrograman Web Berbasis Framework

Nama  : Sahrul Annas Bachtiar 

Kelas   : TI3-D

Nim      : 221101095

CSS LAYOUT

1) CSS POSITION : 

    a. STATIS

    b. RELATIVE

    c. ABSOLUTE

    d. STICKY

    e. FIXED 

2) RELATIVE POSITION

• CSS 
  
  
  
• HTML

  

  
  

3) ABSOLUTE POSITION

• CSS
  
  
  
• HTML

  

  
  

4) FIXED POSITION 

• CSS
  
  
  
• HTML

  

  
  

5) STICKY POSITION 

• CSS
  
  
  
• HTML

  

  
  

6) Z-INDEX

• CSS
  
  
  
• HTML

  

7) FLOAT   

• CSS
  
  
  
• HTML

  

  
  

8) LATIHAN MULTI-COLUMN

• CSS 
  
  
  
• HTML

  

  
  

9) PENDAHULUAN LAYOUTS 

• CSS 
  
• HTML

  

  
  

10) FIXED WIDTH LAYOUT

• CSS
  
  
  
• HTML

  

11) LIQUID LAYOUT 

• CSS
  
  
  
• HTML

  

  
  

12) CSS GRID LAYOUT 

• CSS
  
  
  
• HTML

  

13) RESPONSIVE LAYOUT - INTRO AND VIEWPORT 

           

14) RESPONSIVE LAYOUT - GRID VIEW

• CSS
  
  
  
• HTML 

  

  
  

15) RESPONSIVE LAYOUT - MEDIA QUERIES 

• CSS
  
  
  
• HTML

  

  
  

16) RESPONSIVE LAYOUT - MOBILE FIRST LAYOUT

• CSS 
  
• HTML