InterviewSolution
Saved Bookmarks
InterviewSolution
This section includes InterviewSolutions, each offering curated multiple-choice questions to sharpen your knowledge and support exam preparation. Choose a topic below to get started.
| 101. |
Which of the following measurement is relative to 1percentage of viewport’s larger dimension?(a) vw(b) vmax(c) vmin(d) ch |
|
Answer» Right choice is (b) vmax For explanation I would say: None. |
|
| 102. |
Which of the following measurement is relative to 1% of the height of the viewport?(a) ch(b) rem(c) %(d) vh |
|
Answer» Correct answer is (d) vh To explain: None. |
|
| 103. |
Which of the following measurement is relative to 1percentage of the width of the viewport?(a) vw(b) vmax(c) vmin(d) ch |
|
Answer» Correct option is (a) vw The explanation: None. |
|
| 104. |
Which of the following @viewport Property sets the viewport height in the same way as width?(a) height(b) width(c) viewpor-width(d) none of the mentioned |
|
Answer» Right option is (a) height Easy explanation: Self-explainatory. |
|
| 105. |
Which of the following @viewport Property locks the document in the specified orientation, portrait or landscape?(a) orientation(b) resolution(c) landscape(d) portrait |
|
Answer» Correct answer is (a) orientation For explanation I would say: Self-explainatory. |
|
| 106. |
Find the specificity of this “ul ol li.red”.(a) specificity = 0,0,1,3(b) specificity = 0,0,0,4(c) specificity = 0,1,2,1(d) specificity = 1,1,1,1 |
|
Answer» Correct option is (a) specificity = 0,0,1,3 Explanation: Self-explainatory. |
|
| 107. |
Find the specificity of this “ul ol+li”.(a) specificity = 0,0,2,1(b) specificity = 0,2,1,1(c) specificity = 0,1,1,1(d) specificity = 0,0,0,3 |
|
Answer» Right option is (d) specificity = 0,0,0,3 To elaborate: Self-explainatory. |
|
| 108. |
Which of the following is the correct way to applying style to a document?(a) Use an external style sheet, either by importing it or by linking to it(b) Directly embed a document-wide style in the head element of the document(c) Set an inline style rule using the style attribute directly on an element(d) All of the mentioned |
|
Answer» Correct answer is (d) All of the mentioned The best I can explain: None. |
|
| 109. |
The _______property is used to set the color of the text.(a) pallet(b) colour(c) color(d) text-decoration |
|
Answer» The correct option is (c) color For explanation I would say: None |
|
| 110. |
A ___________ is used to define a special state of an element.(a) pseudo-tag(b) pseudo-element(c) pseudo-id(d) pseudo-class |
|
Answer» Correct answer is (d) pseudo-class To explain I would say: None. |
|
| 111. |
Which of the following CSS list properties is/are correct?(a) Set different list item markers for ordered lists(b) Set different list item markers for unordered lists(c) Set an image as the list item marker(d) All of the mentioned |
|
Answer» Correct choice is (d) All of the mentioned To explain I would say: None. |
|
| 112. |
Which of the following is not a combinatory?(a) *(b) >(c) ~(d) + |
|
Answer» Correct choice is (a) * Easy explanation: Combinator explains the relationship between the selectors. There are four combinators in CSS, child selector (>), adjacent sibling selector(+), general sibling selector(~), descendent selector (space). |
|
| 113. |
What gives the full path to CGI script?(a) script_filename(b) script_name(c) server_name(d) request_method |
|
Answer» The correct answer is (a) script_filename To elaborate: script_filename gives the full path to the CGI script, script_name gives the name of the CGI script, server_name gives the server’s hostname or IP address, request_method is the method used to make the request, the most common methods are GET and POST. |
|
| 114. |
Which of the following gives the path for CGI script?(a) remote_host(b) remote_addr(c) query_string(d) path_info |
|
Answer» Correct option is (d) path_info To elaborate: path_info provides the path for the CGI script, query_string gives URL-encoded information that is sent with GET method request, remote_addr gives the IP address of the remote host making the request. |
|
| 115. |
What returns the set cookies in the form of a key?(a) path_info(b) http_user_agent(c) http_cookie(d) query_string |
|
Answer» Right option is (c) http_cookie For explanation: http_cookie returns the set cookies in the form of key and value pair, in http_user_agent user-agent request-header field contains information about user agent originating the request. It’s the name of the web browser. |
|
| 116. |
Which variable defines the data type of the content?(a) content_type(b) content_length(c) http_cookie(d) http_user_agent |
|
Answer» Correct choice is (a) content_type Explanation: The data type of the content is defined by content_type variable, used when the client is sending attached content to the server, like file upload etc, the length of the query information is defined by content_length, it’s available only for POST requests. |
|
| 117. |
Which of the following property defines a relationship between bound elements(s) and some code or content?(a) behavior(b) anim(c) binding(d) none of the mentioned |
|
Answer» Right answer is (c) binding Best explanation: None. |
|
| 118. |
Which of the following specifies the length of the data being returned?(a) set-cookie: string(b) location: URL string(c) content-length: string(d) last-modified: string |
|
Answer» The correct option is (c) content-length: string For explanation I would say: content-length: string specifies the length in bytes of the data being returned. The browser uses this value to report the estimated download time for a file. Set-cookie: string set the cookie passed through the string. |
|
| 119. |
What specifies the speed curve of transition effect?(a) transition-delay(b) transition-property(c) transition-timing-function(d) transition-duration |
|
Answer» The correct option is (c) transition-timing-function To elaborate: transition-timing-function specifies the speed curve of transition effect, transition-property specifies the name of the CSS property the transition effect is for, transition-delay specifies a delay in seconds for transition effect. |
|
| 120. |
Which of the following specifies how many seconds a transition effect takes to complete?(a) transition-delay(b) transition-duration(c) transition-property(d) transition |
|
Answer» Right answer is (b) transition-duration To explain I would say: transition-duration specifies how many seconds or milliseconds a transition effect takes to complete, a transition is a shorthand property for setting the four transition properties into a single property. |
|
| 121. |
Which value specifies a transition effect with a slow start, then fast, then end slowly?(a) ease(b) linear(c) ease-in(d) ease-out |
|
Answer» Right answer is (a) ease To explain I would say: The transition-timing-function property takes the value ease. It specifies a transition effect with a slow start, then fast, then end slowly and this is the default value, ease-in specifies a transition effect with a slow start. |
|
| 122. |
Which of the following specifies a transition effect with same speed from start to end?(a) linear(b) ease-out(c) ease-in-out(d) ease |
|
Answer» Right answer is (a) linear For explanation I would say: linear value specifies a transition effect with the same speed from start to end, ease-in-out specifies a transition effect with a slow start and end, ease-out specifies a transition with a slow end. |
|
| 123. |
Which of the following transition-timing-function property specifies a transition effect with a slow start, then fast, then end slowly(a) ease(b) ease-in(c) ease-in-out(d) none of the mentioned |
|
Answer» The correct option is (a) ease For explanation I would say: Self-explainatory. |
|
| 124. |
Which of the following property specifies the speed curve of the transition effect?(a) transition-delay(b) transition-duration(c) transition-timing-function(d) transition |
|
Answer» Correct choice is (c) transition-timing-function Easiest explanation: Self-explainatory. |
|
| 125. |
Which of the following property defines where a 3D element is based in the x- and the y-axis?(a) transform-style(b) perspective(n)(c) perspective-origin(d) none of the mentioned |
|
Answer» Right option is (c) perspective-origin The best I can explain: Self-explainatory. |
|
| 126. |
Which of the following css property repeats an image both horizontally and vertically?(a) background(b) background-image(c) background-repeat(d) background-position |
|
Answer» Right answer is (c) background-repeat The best I can explain: Self-explainatory. |
|
| 127. |
Which of the following CSS3 property specifies how nested elements are rendered in 3D space?(a) transform(b) transform-style(c) transform-render(d) none of the mentioned |
|
Answer» Correct choice is (c) transform-render Easiest explanation: Self-explainatory. |
|
| 128. |
Which of the following property is used to control the behavior of floating elements?(a) format(b) clean(c) clear(d) remove |
|
Answer» The correct option is (c) clear To explain I would say: Self-explainatory. |
|
| 129. |
Which of the following values are zccepted by the float Property?(a) left(b) right(c) none(d) all of the mentioned |
|
Answer» Right answer is (d) all of the mentioned To explain I would say: Self-explainatory. |
|
| 130. |
Which of the following property is used to change the background in a table?(a) table-background(b) background(c) color(d) none of the mentioned |
|
Answer» Right choice is (b) background Explanation: None. |
|
| 131. |
Which of the following is positioned relative to the nearest positioned ancestor?(a) absolute(b) static(c) clip(d) relative |
|
Answer» Correct choice is (a) absolute Easiest explanation: An element with position: absolute; is positioned relative to the nearest positioned ancestor, instead of position relative to the viewport like fixed. However, if an absolute positioned element has no positioned ancestors, it uses the document body and moves along with page scrolling. |
|
| 132. |
Which of the following position element is not affected by the top, bottom, left etc. property?(a) static(b) clip(c) relative(d) absolute |
|
Answer» Correct answer is (a) static To explain I would say: HTML elements are positioned static by default, static positioned elements are not affected by top, bottom, left and right properties. An element with position: static; is not positioned in any social way, it is always positioned according to the normal flow of the page. |
|
| 133. |
Which of the following property defines the width of each column in a multicolumn text flow?(a) width(b) columns(c) filter(d) column-width |
|
Answer» Right option is (d) column-width The best explanation: Implemented CSS3 and Browser-Specific Syntax: column-width: length | auto |
|
| 134. |
Which of the following moves an element from its current position?(a) rotate()(b) translate()(c) scale()(d) matrix() |
|
Answer» The correct answer is (b) translate() The explanation: The translate() method moves an element from its current position according to parameters given for X-axis and Y-axis, |
|
| 135. |
Which property is used for setting column-width and column-count?(a) columns(b) column-width(c) column-span(d) column-width-rule |
|
Answer» Right option is (a) columns Easy explanation: columns is a shorthand property for setting column-width and column-count, column-width specifies suggested, optimal width for columns, column-span specifies how many columns an element should span across. |
|
| 136. |
Which of the following will represent browsers in their normal states?(a) CSS ON/Images ON(b) CSS ON/Images OFF(c) CSS OFF/Images ON(d) CSS OFF/Images OFF |
|
Answer» Correct option is (a) CSS ON/Images ON Easiest explanation: There are five major categories for image replacement i.e. CSS ON/Images ON, CSS ON/Images OFF, CSS OFF/Images ON, CSS OFF/Images ON, CSS OFF/Images OFF, Extra Unnecessary Markup. CSS ON/Images ON represents browsers in their normal states and all the techniques should pass their test. |
|
| 137. |
Which of the following method skews an element along the X-axis by the given angle using tranform?(a) skewX()(b) skewy()(c) x-axis()(d) skew() |
|
Answer» The correct answer is (a) skewX() Explanation: Self-explainatory. |
|
| 138. |
Which of the following method skews an element along the X and Y-axis by the given angles using tranform?(a) skewX()(b) skewy()(c) skew-X-Y()(d) skew() |
|
Answer» Correct option is (d) skew() The explanation is: Self-explainatory. |
|
| 139. |
Which of the following method moves an element from its current position using tranform?(a) rotate()(b) scale()(c) translate()(d) matrix() |
|
Answer» The correct option is (c) translate() To explain I would say: Self-explainatory. |
|
| 140. |
Which property specifies the number of columns an element should be divided into?(a) column-rule(b) column-count(c) column-gap(d) column-fill |
|
Answer» The correct choice is (b) column-count To explain: column-count specifies the number of columns an element should be divided into, column-fill specifies how to fill the columns, column-gap specifies the gap between columns, column-rule is for setting all the column-rule properties. |
|
| 141. |
ID selector name is preceded by __________(a) ‘.’(b) ‘%’(c) ‘#’(d) ‘@’ |
|
Answer» The correct choice is (c) ‘#’ To explain I would say: In CSS class selector name is preceded by a full stop (‘.’) and ID selector name is preceded by hash character (‘#’). |
|
| 142. |
Which of the following specifies animation code?(a) @keyframes(b) animation(c) animation-delay(d) animation-direction |
|
Answer» Right option is (a) @keyframes Explanation: Akeyframes specifies animation code, animation is shorthand property which sets all the animation property, animation-delay specifies the delay for start of the animation, animation-delay specifies a delay for start of the animation. |
|
| 143. |
How many values are there for the object-fit property?(a) 2(b) 5(c) 3(d) 4 |
|
Answer» Correct choice is (b) 5 The best explanation: object-fit property can have 5 properties names fill, contain, cover, none, scale-down. The default value is fill, the replaced content is sized to fill element’s content box, with help of contain the replaced content is scaled to maintain its aspect ratio while fitting element’s content box. |
|
| 144. |
Which specifies the speed curve of animation?(a) animation-iteration-count(b) animation-name(c) animation-play-state(d) animation-timing-function |
|
Answer» Right option is (d) animation-timing-function The best explanation: animation-timing-function specifies the speed curve of animation, animation-play-state specifies whether the animation is running or paused, animation-name specifies the name of @keyframes animation. |
|
| 145. |
Which of the following will display a speech bubble pop-up?(a) pop-up question form(b) cartoon pop-up(c) modal animation physics(d) overlay pop-up |
|
Answer» The correct option is (b) cartoon pop-up For explanation I would say: cartoon pop-up shows a speech bubble pop-up that fades in once hovered in the circle, a pop-up question form that smoothly appears once clicked a button, in modal animation physics a transition animation inspired by the menu pop-ups in Super Mario 3D. |
|
| 146. |
Which of the following comes with a smooth full screen overlay effect?(a) Overlay pop-up(b) Conformation pop-up(c) Welcome pop-up(d) Cartoon pop-up |
|
Answer» The correct answer is (a) Overlay pop-up The explanation is: Overlay pop-up comes with a smooth full screen overlay effect, conformation pop-up comes with a full screen overlay effect and nice transition animation, welcome pop-up is a pop-up with nice animation effect. |
|
| 147. |
Which of the following property specifies whether an element is an accelerator indicator or not?(a) animation(b) accelerator(c) scan(d) none of the mentioned |
|
Answer» The correct choice is (b) accelerator Explanation: Self-explainatory. |
|
| 148. |
Which of the following property specifies the direction in which a marquee should move?(a) marquee(b) marquee-direction(c) marquee-time(d) none of the mentioned |
|
Answer» Right option is (b) marquee-direction The best explanation: Self-explainatory. |
|
| 149. |
Which should be used to overlay text on image with high contrast?(a) screen(b) high contrast(c) low contrast(d) opaque |
|
Answer» Right answer is (a) screen To elaborate: To overlay text on an image with high contrast, we can place a semi-transparent background color or “screen” behind the text to improve legibility. The majority of photographs have quite high contrast, that means they are not ideal for use as background image. |
|
| 150. |
Which of the following will move the image up and down?(a) scroll(b) fixed(c) repeat-x(d) repeat-y |
|
Answer» The correct option is (a) scroll To explain: The background image moves up and down as the user scrolls up and down the page. The fixed value helps background image stays in the same position on the page. |
|