CSS Тест Upwork часть 3

Which of the following are correct about Web fonts? Check all that apply.
       Correct way to import an external font is
       @import url('url_to_external_font');
       The @import line of code should be the very first line in your CSS file.
       Both of the above
       None of the mentioned.
Which of the following is the correct way to add multiple background images to an element?
       background-image: url(img_1.png, img_2.png)
       background-image: url(img_1.png), url(img_2.png);
       background-image: [url(img_1.png), url(img_2.png)];
       Both 2 and 3
How do you make each word in a text start with a capital letter?
       text-transform:capitalize
       Not possible with CSS
       text-transform:uppercase
       Both 1 and 3
The box model in CSS is made up of :
       Margin, border, padding, content
       Margin, border, padding
       Margin, padding, content
       Margin, border, content
Which of the following are valid media types for media query? Check all that apply.
Note: There may be more than one right answer.
       all
       Speeches
       print
       screen
Which of the following is NOT true about Transitions and Animations?
       CSS3 transitions allows you to change property values smoothly (from one value to another), over a given duration.
       CSS3 animations allows animation of most HTML elements without using JavaScript or Flash! http://www.w3schools.com/css/css3_animations.asp
       You may specify some keyframes for animation.
       You must specify the duration for a transition.
Which of the following is NOT correct?
       The a in RBGa stands for alpha.
       HSL stands for Hue, Saturation and Lightness.
       Lightness is a percentage value where 0% is dark (black) and 100% is white.
       None of the mentioned.
Which selector is used to specify a style for a single, unique element?
       Id
       Class
       Text
       Bit
Which property can be used to increase or decrease the space between words?
       Space
       Word-spacing
       Word-space
       Both 2 and 3
Which property specifies the stack order of an element?
       d-index
       s-index
       x-index
       z-index
Which of the following css property will specify the gap between the columns?
       -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
       column-gap: 40px;
       All of the above
State True of False for the CSS table properties.
i) The border-spacing specifies the width that should appear between table rows.
ii) The empty-cells specifies whether the border should be shown if a cell is empty.
       A. i-True, ii-False
       B. i-False, ii-True
       C. i-True, ii-True
       D. i-False, ii-False
       E None of the above
Which of the following is/are the valid syntax for CSS pseudo classes.
       A. selector:pseudo-class{property: value}
       B. selector.class:pseudo-class{property:value}
       C. Both A and B
       D. None of the above
Using the following code you will remove margin from .float-wrapper?
       .float-wrapper { margin-bottom:0; }
       .float-wrapper { margin-bottom:none; }
       .float-wrapper { margin-bottom:1; }
       .float-wrapper { margin-bottom:5; }
The valid examples of ID selectors is/are
       A. #black{color: #000000;}
       B. h1 #black{color: #000000;}
       C. #black h2{color: #000000;}
       D. All of the above
Following Style is applied to -
div.wrapper h2 {
font-size: 18px;
margin-top: 0;
}
       A. Type 2 Heading inside Element div of class wrapper.
       C. Type 2 Heading inside Element div of any class
       D. None Of These
Using the following code you will empty-cells of table?
       empty-cells :  show | hide
       empty-cells : inherit | show | remove
       empty-cells : inherit | show | hide
       empty-cells : inherit | show | none
The CSS links properties are
       A. :link, :visited, :hover, :active
       B. :link, :visit, :hover, :active
       C. :link, :visited, :over, :active
       D. :link, :visited, :hover, :active, :inactive
A CSS pseudo-class is a keyword added to selectors that specifies a special state of the element to be?
       selected
       div
       element
       property
Pixels are relative to the resolution of the screen, so the same type size will look larger when a screen has a resolution of __ than it would when it is 1280x800?
       700x600
       800x600
       950x600
       1020x600
What is right way to select every 4th paragraph?
       p:nth-of-each(4)
       p:nth-of-each(4n)
       p:nth-of-each(4n)
       p:nth-of-type(4n)
How can we use Multiple backgrounds using the following code?
       background-image: url(bg1.png), url(bg2.png);
background-repeat: repeat, repeat-y;
background-attachment: fixed, fixed;
background-position: right bottom, top left;

       background-image: url(bg1.png), url(bg2.png);
background-repeat: no-repeat, repeat-y;
background-attachment: fixed, fixed;
background-position: right bottom, top left;

       background-image: url(bg1.png), url(bg2.png);
background-repeat: no-repeat;
background-attachment: fixed, fixed;
background-position: right bottom, top left;

       background-image: url(bg1.png), url(bg2.png);
background: no-repeat, repeat-y;
background-attachment: fixed, fixed;
background-position: right bottom, top left;
Which of the following are the background properties in CSS?
i) background-color ii) background-image iii) background-repeat
iv) background-position v) background
       A. i, ii, iii and iv only
       B. i, ii, iii and v only
       C. i, ii, iv and v only
       D. All i, ii, iii, iv and v
Screen Resolution refers to the number of dots a screen shows per?
       Pixel
       Meter
       Inch
       Em
You can set border-box for all Elements using the following code?

       html,body {
  -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

       div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

       * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

       p {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
 Internet Explorer uses ....................... property to create transparent images.
       A. -moz-opacity:x
       B.  filter: alpha(opacity=x)
       C.  Both of the above
       D.  None of the above
The ......................... property allows to specify the distance between the list and the text relating to the list.
       A. list-spacing
       B. marker-spacing
       C. marker-offset
       D. list-offset
The text-indent property allows you to indent the first ____ of text within an element?
       Letter
       Line
       Page
       All of the above
Which of the following code is invalid for Font Size?
Note: There may be more than one right answer.
       p { font-size: 1 ex; }
       p { font-size: 0ex; }  
       p { font-size: 1; }   
       p { font-size: 1ex; }  
       p { font-size: 0; }  
Which of the following statements is correct of Floating Elements?
Note: There may be more than one right answer.
       Floating an element allows you to take that element out of normal flow and position it to the far left or right of a containing box
       The Floated element becomes a block-level element around which other content can flow
       Floating an element allows you to add that element in of normal flow and position it to the far left or right of a containing Div
       Floating and element in relation to the browser window, as opposed to the containing element
Fonts such as Times New Roman which have spaces in between must be wrapped inside __ .
       A. Quotation Mark
       B. Round Brackets
       C. Triangular Brackets
       D. Curly Braces
The following syntax to set margin around a paragraph will make- p{margin:10px 2%}
       A. Top and bottom margin will be 10px and left and right margin will be 2% of the total width.
       B. Left and right margin will be 10px and top and bottom margin will be 2% of the total height
       C. Top margin will be 10px and other margins will be 2% of the total width
       D. Left margin will be 10px and other margins will be 2% of the total width
Which of the one code is correct about custom Fonts?
       @font-face
{
  font-family: MyFont;
  src: url(myfont.ttf);
}
p { font-family: "MyFont", arial, sans-serif; }

       @font-face
{
  font-family: MyFont;
  src: url(myfont.ttf);
}
p { font-family: "MyFont" }

       @font-face
{
  src: url(myfont.ttf);
}
p { font-family: "MyFont", arial, sans-serif; }

       @font-face
{
  font-family: MyFont;
}
p { font-family: "MyFont", arial, sans-serif; }
Which of the following is 3D transformation methods?
       matrix()
       translate()
       scale()
       rotateX() , rotateY() , rotateZ()
Which of the following is True about responsive design of Media Queries?

       @media (min-width: 800px) {
  body { background: white; }
}
@media (min-width: 401px ,  max-width: 799px) {
  body { background: black; }
}
@media (max-width: 400px) {
  body { background: blue; }
}

       @media (min-width: 800px) {
  body { background: white; }
}
@media (min-width: 401px max-width: 799px) {
  body { background: black; }
}
@media (max-width: 400px) {
  body { background: blue; }
}

       @media (min-width: 800px) {
  body { background: white; }
}
@media (min-width: 401px) and (max-width: 799px) {
  body { background: black; }
}
@media (max-width: 400px) {
  body { background: blue; }
}

       @media (min-width: 800px) {
  body { background: white; }
}
@media (min-width: 401px) (max-width: 799px) {
  body { background: black; }
}
@media (max width: 400px) {
  body { background: blue; }
}
What are the Full-length Properties?
       border-top-width:    thin;
border-right-width:  small;
border-left-width:   medium;

       border-top-width:    thin;
border-right-width:  medium;
border-bottom-width: thin;
border-left-width:   medium;

       border-right-width:  medium;
border-bottom-width: thin;
border-left-width:   high;

       border-top-width:    thin;
border-right-height:  medium;
border-bottom-height: thin;
border-left width:   medium;
The ............... rule is used to make sure that the property always be applied whether another property appears in CSS.
       A. @important
       B. #important
       C. !important
       D. !first
Which of these values are not valid for background-repeat property?
       repeat-x
       repeat-y
       repeat-xy
       no-repeat
Which of the following is 2D transformation methods?
       rotateX()
       rotateY()
       rotateZ()
       None of the above
The ................... property indicates whether a cell without any content should have a border displayed.
       A. blank-cells
       B. empty-cells
       C. nocontent-cells
       D. noborder-cells
Which of the following code is incorrect about Gradients Syntax?
       background: linear-gradient(direction, color-stop1, color-stop2, ...);
       background: linear-gradient(angle, color-stop1, color-stop2);
       background: radial-gradient(shape size at position, start-color, ..., last-color);
       None of the above
The different ways to associate styles with a HTML document is/are
       A. Embedded CSS with
       B. Inline CSS with style attribute.
       C. External CSS with element.
       D. All of the above
The ...................... property allows to specify how much space appear between the content of an element and it's border.
       A. Spacing
       B. Marking
       C. Padding
       D. Content-border
The ...................... property allows you to control the shape or style of bullet point in the case of unordered lists items, and the style of numbering characters in ordered list items.
       A. list-style-type
       B. list-style-layout
       C. list-type-style
       D. list-type
Fixed width layout designs do not change size as the user increases or decreases the size of their _____ window?
       page
       browser
       div
       All of the above
Which of the following is multi-column properties?
Note: There may be more than one right answer.
       column-rule
       column-rule-count
       column-width
       column-span
Liquid _____ designs stretch and contract as the user increases or decreases the size of their browser window?
       html
       layout
       css
       web
Which of these statements are true?
Note: There may be more than one right answer.
       A block-level element always starts on a new line and takes up the full width available.
       An inline element does not start on a new line and only takes up as much width as necessary.
       A block-level element always starts on a new line and only takes up as much width as necessary.
       A block-level element can be placed into inline elements.
Element that Currently has the user’s mouse pointer hovering over it represents one of the following Pseudo Class.
       A. :hover
       B. :hovar
       C. :focus
       D. :gotfocus
The ..................... specifies whether a border should be solid, dashed line, doted line, double line, groove etc.
       A. border-layout
       B. border-decoration
       C. border-style
       D. border-weight
Which of the following is used to represent Visited hyperlink.
       A. :visited
       B. :clicked
       C. :focus
       D. :link
Which of the following code is correct about Inset Border?

       .border:hover
{
        box-shadow: inset 0 0 0 25px #53a7ea;
}

       .border:hover
{
        box-shadow: inset 0 0 0 25 #53a7ea;
}

       .border:hover
{
        box-shadow: inset 0 0 0 color;
}

       .border:hover
{
        box-shadow: inset 0 0 0 25px effect;
}
What does the CSS3 style grid-column-start: 2; does?
       Generates grid with 2 columns
       Creates a grid item on second column  ?
       Starts grid item from second column
       Creates a 2x2 grid

CSS Test Answers часть 1CSS Test Answers часть 2

CSS Тест Upwork 2019