Explore topic-wise InterviewSolutions in .

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.

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.

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.

Correct CHOICE is (d) 4

Easiest explanation: ANIMATION-fill-mode PROPERTY specifies the style for the target element when an animation is not playing. There are four values for this property namely NONE, forwards, backwards, and both. None is the default VALUE.

The correct option is (b) ease-in

To elaborate: ease-in SPECIFIES an animation with a slow START, ease-out specifies an animation with a slow END, linear specifies animation with same speed from start to end, ease specifies an animation with a slow start, then fast, then end SLOWLY.

The correct ANSWER is (C) OTF

For EXPLANATION I would say: OpenType (OTF) is a format scalable for computer FONTS, it was built on TrueType, and is a registered trademark of Microsoft. These fonts are used COMMONLY today on major computer platforms.

Right option is (B) WOFF

To explain I would say: WOFF is font FORMAT used in WEB PAGES. It was developed in 2009. It is essentially OpenType or TrueType with compression and additional metadata. The goal is to support font distribution from the server to client over the network with bandwidth constraints.

Right OPTION is (a) alternate

The best I can explain: When the value is set to alternate the ANIMATION is played FORWARDS FIRST then backward. When a value is set to alternate-reverse, the animation is played backward first, then forwards. At NORMAL value the animation is played as normal, this is the default value.

Right option is (a) TTF

For explanation: TrueType (TTF) is a font standard developed in the late 1980s by Microsoft and Apple. It is the most common font FORMAT for both Microsoft Windows and MAC OS operating systems.

The CORRECT choice is (c) COUNTER()

Best explanation: counter() or counters() FUNCTION adds value of counter to an ELEMENT, CONTENT inserts generated content, counter-increment increments a counter value, counter-reset creates or resets a counter.

Right option is (d) border-image-SLICE

The EXPLANATION is: border-image-slice specifies how to slice border image, border-image-outset specifies the AMOUNT by which border image area extends beyond the border box, border-image is a SHORTHAND property for SETTING all the border-image properties.

The correct OPTION is (b) general sibling SELECTOR

The best explanation: General sibling selector selects all elements that are siblings of a SPECIFIED ELEMENT, adjacent sibling selector selects all elements that are adjacent siblings of the specified element, child selector selects all elements that are immediate children of the specified element.

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.

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).

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.

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.

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.

The correct option is (b) expires: date STRING

To explain I would say: expires: sate string defines the date when information becomes invalid. This should be used by the browser to decide when a page needs to be REFRESHED. A valid date string should be in the FORMAT 01 JAN 1998 12:00:00 GMT.

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.

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.

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.

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.

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.