Questions 51- 54

Interview Questions on CSS

51. How to keep scroll bar for div or body?

Use :-
overflow-x: scroll; /* to set scroll bar in X direction */
overflow-y: scroll; /* to set scroll bar in Y direction */

52. How to hide scroll bar for div or body?

overflow: hidden; 
53. How to apply styles for screen which has screen size  more than 250px;
Syntax :- 
@media only screen and (min-width:250){
      /*styles goes here */
}
Example :-
@media only screen and (min-width:250){    
 .container{
    width:200px;
    font-size:12px; 
 }
 p{
     Font-size:10px;
 }
}

54. How to apply styles for screen which has display less than 1000px;

Syntax :- 
@media only screen and (max-width:1000){
      /*styles goes here */
}
Example :-
@media only screen and (max-width:1000){
.container{
   width:900px;
   font-size:18px; 
}
p{
    Font-size:12px;
}
}