Unsectioned

Preview this deck

What is vh and vw

Front

Star 0%
Star 0%
Star 0%
Star 0%
Star 0%

0.0

0 reviews

5
0
4
0
3
0
2
0
1
0

Active users

1

All-time users

1

Favorites

0

Last updated

2 years ago

Date created

Sep 11, 2021

Cards (3)

Unsectioned

(3 cards)

What is vh and vw

Front

Vh : stand for viewport heigh which means the height according to the viewport ( screen size ) 

Vw : stand for viewport width which means the width according to the viewport ( screen size ) 

Note : 

vh and vw is the same as : 

height : 100vh ; /* 100% */ 
Width  : 100vw ; /* 100% */
Back

what is the <section> tag used for ? 

Front

The <section> tag is used to structure (divide) the layout of the webpage :

  • Header
  • Main-section 
  • Footer 

( The main-section can have multiple pages ) 

Example : 

<section class="header">
<div class =".."></div>
</section>
Back

how to make a dark overlay to an image ? 

Front

1. we use the background-image property

2. we specify lineair-gradient with rgba() with black color and 0.7 opacity 2 times

3. We specify the image used by using url()

 

 Example : 

Background-image:lineair-
gradient(rgba(0,0,0,0.7),
(0,0,0,0.7)),url(…) ; 
Back