Try IT Specialist : INF-306 valid & accurate questions and answers

You need to use a flexbox so that new content you add to the container appears at the highest point on a vertical list. You want to achieve this goal without specifying an order. Which value should you use for flex- direction?

• A. column-reverse
• B. column
• C. row-reverse
• D. row

Explanation: Only visible for Exams-boost members. You can sign-up / login (it's free).

You write the following markup to create a page. Line numbers are included for reference only.
01 < !DOCTYPE html >
02 < html >
03 < head >
04 < style >
05
10 < /style >
11 < /head >
12 < body >
13 < svg height= " 500 " width= " 500 " >
14 < defs >
15 < filter id= " f2 " x= " 0 " y= " 0 " width= " 200% " height= " 200% " >
16 < feOffset result= " offOut " in= " SourceGraphic " dx= " 20 " dy= " 20 " / >
17 < feGaussianBlur result= " blurOut " in= " offOut " stdDeviation= " 10 " / >
18 < feBlend in= " SourceGraphic " in2= " blurOut " mode= " normal " / >
19 < /filter >
20 < /defs >
21 < text x= " 10 " y= " 100 " style= " fill:red; " > Blur Me! < /text >
22 Sorry, your browser does not support inline SVG.
23 < /svg >
24 < /body >
25 < /html >
An SVG blur filter is defined in the markup on the left. You need to apply the SVG blur filter to the text element on the page.
Which CSS code should you insert at line 05?

• A. text { font: 48px arial bold; filter: #blur;}
• B. text { font: 48px arial bold; fill: blur;}
• C. text { font: 48px arial bold; filter: url(blur);}
• D. text { filter: url( " #f2 " ); font-size: 50pt; color: red;}

Explanation: Only visible for Exams-boost members. You can sign-up / login (it's free).

You are creating a form that asks a user to enter their phone number. The form must be submitted only if the phone number field is not empty and matches the format 111-444-7777. Which markup should you use?

• A. < input type= " tel " name= " phone " maxlength= " 12 " required >
• B. < input type= " tel " name= " phone " pattern= " [1]{3}-[4] {3}-[7]{4} " required >
• C. < input type= " tel " name= " phone " pattern= " [0-9]{3}-[0-9] {3}-[0-9]{4} " required >
• D. < input type= " tel " name= " phone " pattern= " [0-9]{3}[0-9] {3}[0-9]{4} " >

Explanation: Only visible for Exams-boost members. You can sign-up / login (it's free).

Which two functions support 2D transformations in CSS3? Choose 2.

• A. matrix()
• B. move()
• C. scroll()
• D. skew()

Explanation: Only visible for Exams-boost members. You can sign-up / login (it's free).

You need to correctly apply a style rule for screen devices with a width of 480 pixels or less.
Complete the code by selecting the correct option from the drop-down list.

Explanation:
@media screen and (max-width: 480px) {
/* style rules go here */
}
The correct media query is @media screen and (max-width: 480px) {. The requirement says the style rule must apply to screen devices with a width of 480 pixels or less. In CSS media queries, screen identifies the media type, and (max-width: 480px) defines the upper viewport-width limit. This means the enclosed CSS rules apply when the viewport is 480 pixels wide or any smaller value, which is the standard mobile breakpoint behavior. @media screen and (width: 480px) is incorrect because it applies only when the viewport is exactly 480 pixels wide, not below it. @media screen display and (width: 480px) is invalid syntax because display is not used that way in a media query. @media screen-width: 480px is also invalid because it does not follow the required @media media-type and (feature: value) pattern. References/topics: responsive design, CSS media queries, @media, screen media type, max-width, mobile breakpoint styling.