Test
css
Crea una cuenta gratis para terminar este test
Guarda tu progreso y consulta tu resultado final.
¿Ya tienes cuenta? Inicia sesión
Preguntas del test (101)
1What is the main purpose of CSS?
- AAdding media content
- BAdding interactive elements
- CHTML page markup
- DWeb page design
2One disadvantage of CSS is that:
- ALow speed and complexity of design changes
- BPossibility of incorrect display when using outdated versions of browsers
- CSpeed of website page loading
3What kind of style sheet is a *.css text file (for example, styles.css) containing a set of CSS styles?
- AExternal style sheet
- BInline style sheet
- CInternal style sheet
4What syntax is invalid when adding an external style sheet?
- A@import url("file name") [device type];
- B@import "file name" [device type];
- C@import url(file name) [device type];
53. Styles are embedded in the section <head></head> of an HTML document and are defined inside the tag <style></style>. This is:
- AExternal style sheet
- BInline style sheet
- CInternal style sheet
6Styles are placed directly inside the element tag using the style attribute. It is:
- AExternal style sheet
- BInline style sheet
- CInternal style sheet
7The style declaration consists of:
- ASelector
- BConstructor
- CDeclaration block
- DBlock body
86. What symbol separates declarations inside of declaration block?
- ASpace
- BComma
- CLine break symbol
- DDot
- ESemicolon
9Inline style sheets should be used often, shouldn't it?
- AYes, as much as it is required
- BNo, they can't be used at all.
- CTheir use should be limited
10Which document is better to create first?
- AHTML
- BCSS
- CCreate them at the same time
11Which line contains the error?
- Ah1 { margin-left: 20px; }
- Bp { margin-left: 20px; padding-left: 20px; }
- Ch2 { margin-right: 20px; }
- Dhead { color: #rob; }
- Ebody { font-size: 11px; color: #aaa; }
12Which line is correct?
- A<p>
{ color: #333; } - Bp { color: #333; }
- Cp: { color: #333; }
- Dp { color: 333; }
- Ep { color: #3333; }
- A<p>
13How to add a background color to all elements <h1>?
- Ah1 { background-color: white }
- Bh1.all { background-color: white }
- Ch1:all { background-color: white }
- Dh1[all] { background-color: white }
- Eh1#all { background-color: white }
14Which pseudo-class works out when hovering over a tag?
- A:open
- B:hover
- C:link
- D:active
15Which property is required for pseudo-elements :before and :after?
- Acontent
- Bwidth
- Cborder
- Dpadding
16Which selector has the highest priority?
- AUniversal selector
- BClass selector
- CId selector
- DAttribute selector
17How to set the same style for multiple tags simultaneously?
- Ah1, h2, h3 {}
- Bh1 h2 h3 {}
- Ch1 + h2 +h3 {}
- Dh1>h2>h3
18What class name should be added to the tag <p>, so that the text is both bold and red, if the following style is present?
.s1 { color: red; font-weight: bold; }
.s2 { color: red; }
.s3 { background-color: red; font-weight: bold; }
.s4 { font-weight: bold; }
.s5 { font: red bold; }- As1
- Bs2
- Cs3
- Ds2 s4
- Es5
19How to set correctly a style for tag <div id="frame">?
- Aframe { font-weight: bold; }
- Bdiv { font-weight: bold; }
- C.frame { font-weight: bold; }
- D#frame# { font-weight: bold; }
- E#frame { font-weight: bold; }
20 What is color of the word "flow" in the code?
<p class="c1">Coefficient of the
<span class="c2 c3">flow</span>
is calculated
</p>
When using the following style
body {color: red; }
p { color: green; }
.c1 {color: blue; }
.c2 { color: yellow; }
.c3 { color: orange; }
.c2.c3 { color: black; }- AGreen
- BBlue
- CYellow
- DOrange
- EBlack
21What property specifies the address of the background image?
- Abackground-position
- Bbackground-image
- Cbackground-color
- Dbackground-repeat
22Choose a syntactically correct CSS rule:
- Adiv:[font_size-2em]
- Bdiv [font-size:2em]
- Cdiv {font-size:2em}
- Ddiv {font_size:2em}
23What is the default value of the background-color property?
- Anone
- Bwhite
- Cdefault
- Dtransparent
24What must to be written in CSS so that the image repeats vertically:
- Abackground-repeat: inherit;
- Bbackground-repeat: no-repeat;
- Cbackground-repeat: repeat-x;
- Dbackground-repeat: repeat-y;
- EIt cannot be done with CSS
25What values can be in the background-repeat property?
- Aspace
- Bround
- Crepeat-no
26How to set background color for all elements h1?
- Ah1.all {background-color: #fff;}
- Ball.h1 {background-color: #fff;}
- Ch1 {background-color: #fff;}
27Which of the following properties should be used to change the background color?
- Abackground-color
- Bbgcolor
- Ccolor
28Specify the correct way to set the background image?
- Abackground-image: url(pic.gif)
- Bbackground-image: pic.gif
- Cbackground-color: url(pic.gif)
- Dbackground-url: pic.gif
- Eall variants are incorrect
29Specify a CSS property that allows to set the weight of the font?
- Afont-weight
- Bfont-size
- Csize
- Dweight
30Specify the CSS property to set the font family?
- Afont-weight
- Bfont-size
- Cfont-style
- Dfont-family
31Specify a CSS property that allows to set simultaneously the width, style, and color of the border around an element.
- Aborder
- Bbord
- Ccolor
- Dfont
32Which property sets the initial position of the background image?
- Abackground-size
- Bbackground-repeat
- Cbackground-color
- Dbackground-position
33Which one of the absolute values is the most often used in practice?
- Acm
- Bin
- Cpt
- Dpx
34The distance outside an element from the outer border to adjacent elements is set by the property:
- Amargin
- Bborder
- Cpadding
- Dborder-width
35The unit of measurement rem is calculated relative to:
- AThe font size of the current block
- BParent block font size
- CThe size of the element's margin
- DThe font size of the root element
- EBrowser window height
36Select the list box containing the units that CSS uses to set the font size
- Aem, px
- Bkg, g, cm
- C%, dm
- Dy, cm, px
37What elements are shown in the picture?
- ABlock
- BInline
- CInline-block
38Which property sets indented, separates one element from another?
- Amargin
- Bpadding
- Cborder
39Which property sets internal indented for an element?
- Amargin
- Bpadding
- Cborder
40Which property specifies the distance between the border created with the outline property and the edge or border of an element?
- Aoutline-color
- Boutline-style
- Coutline-width
- Doutline-offset
41When merging (collapsing), the width of the total margin is:
- AWidth of the smallest of the initial
- BWidth of the largest of the original
- CWidth of the average of the original
42To prevent the problem of collapsing, it is recommended to set all elements to the values of ... only the top or bottom margins:
- Amargin
- Bpadding
- Cborder
43Is it allowed to use negative values in margin properties?
- AVerdadero
- BFalso
44Which elements have top and bottom margins collapsing?
- AInline-block
- BBlock
- CInline
45Which property indicates the distance that the block is shifted relative to the bottom border of the nearest positioned ancestor or its place in the flow?
- Atop
- Bright
- Cbottom
- Dleft
46position: static; means:
- AThe element keeps its place in the document flow
- BElement does not keep its place in the document flow
- CThe element is displaced relative to its place in the document flow
- DThe element is offset from the top left corner in the document flow
- EThe element is offset from the top right corner in the document flow
47position: absolute; means:
- AThe element keeps its place in the document flow
- BElement does not keep its place in the document flow
- CThe element is offset relative to its place in the document flow
- DThe element is offset from the top-left corner of the parent block or nearest positioned ancestor
- EThe element is offset from the top right corner in the document flow
48 The position property defines:
- APosition Algorithm
- BBlock position
- CMethod of block formation
49position: relative; means:
- AThe element keeps its place in the document flow
- BElement does not keep its place in the document flow
- CThe element is offset relative to its place in the document flow
50Which option lists all properties specific to block offset?
- Atop, right, bottom
- Btop, center, bottom, left
- Ctop, right, bottom, left
51If an element has two properties are set simultaneously: top and bottom, which one is executed?
- Atop
- Bbottom
- Cnone of them
52Can top, right, bottom, left properties have negative values?
- AVerdadero
- BFalso
53What is position:static for?
- ATo specify that elements have absolute position.
- BTo redefine other position values.
- CTo use relative position
54What concept characterizes elements that have a common parent or root element and which offset together along the Z axis ?
- AOverlay context
- B"Sticky" block
- Cz-index
55The order in which the elements will overlap each other is described by:
- Az-index
- Bposition
- Cdisplay
56Blocks with higher z-index levels always display before blocks with lower levels.
- AVerdadero
- BFalso
57What is the default value of the float property?
- Anull
- Bnone
- Cleft
- Dright
58Floating allows blocks to offset:
- ALeft or right in the current column
- BLeft or right on the current line
- CUp or down on the current line
- DUp or down in the current column
59The float property regulates:
- ABehavior of static blocks
- BBehaviour of floating blocks
- CBehavior of child blocks
- DBehavior of parent blocks
60If we want to offset the element to the right and have the content floating around the floating block to the left, then the correct notation would be:
- Afloat: left;
- Bfloat: right;
- Cfloat: none;
- Dfloat: inherit;
61 Float is recommended to be used to create the layout of the site.
- AYes
- BNo
- CNot in all cases
62float: left; means:
- AContent floats around the floating block to the right
- BContent floats around the floating block to the left
- CContent floats around the floating block in the center
63If the clear property is set to none, then:
- Afloating elements are not allowed on the left side
- Bfloating elements are not allowed on the right side
- Cfloating elements are not allowed on both sides
- Dfloating elements are allowed on both sides
64What value of the clear property should be used if it is not known which side the floating is on?
- Anone
- Bboth
- Cleft
- Dright
65An element with a float:left or float:right property is set to:
- Ainline
- Bblock
- Cinline-block
66What is a pseudo-element ::after used for?
- ATo cancel the clear property
- BTo cancel the float property
- CTo offset blocks to the right
67Flex container is a block container.
- AVerdadero
- BFalso
68The flexbox markup model is associated with a specific value of the CSS property of the parent HTML element. This property is:
- Aorder
- Bdisplay
- Ctable-cell
- Dblock
69Flexbox solves the problem of:
- ACreating 1D layouts
- BCreating 2D layouts
- CCreating Multidimensional Layouts
70Which property controls the direction of the main axis along which flex items are stacked?
- Aflex-direction
- Bflex-order
- Cflex-display
71Which property determines whether a flex container is a single line or multi line
- Aflex-order
- Bflex-row
- Cflex-wrap
- Dflex-cell
72A flex item will be completely "inflexible" if its flex-grow and flex-shrink values are equal to:
- A-1
- B1
- C2
- D0
73Which property aligns lines within a flex container when there is extra space on the cross axis?
- Aalign-сenter
- Balign-content
- Calign-stretch
74Which property aligns flex items along the transverse axis?
- Aalign-items
- Balign-сenter
- Calign-stretch
75Which property specifies the shrink ratio of a flex item relative to others?
- Aflex-basis
- Bflex-shrink
- Cflex-grow
76Which property aligns flex items along the main axis of a flex container?
- Aalign-сenter
- Balign-stretch
- Cjustify-content
77Select values for the direction property:
- Altr
- Bсtr
- Cshift
- Drtl
78Which CSS property is used to align the content of a block element?
- Adirection
- Btext-align
- Cmargin-left
79What elements, contained in the container, does a property text-align affect on?
- AOnly on text
- BOn all inline elements
- COn all inline-block elements
- DOn text and on all inline and inline-block elements contained in the container
80How are the blocks in the container and the content of the blocks aligned in the example of the code below?
- AThe blocks in the container are right aligned, and the content of the blocks is centered
- BThe blocks in the container are left aligned and the content of the blocks is centered
- CThe blocks in the container are center aligned and the content of the blocks is right aligned
81What action is executed using the margin property: 0 auto?
- AAligning a block element to the center of its parent
- BAligning an inline element to the center
- CAligning a text to the center
82What value of the vertical-align property should be applied so that the position of the red text matches the one shown in the figure?
- Amiddle
- Bbottom
- Ctop
- Dbaseline
83What is the default value of the vertical-align property?
- Amiddle
- Bbottom
- Ctop
- Dbaseline
84Which property can be used for alignment when there is no information about the nested block size?
- Avertical-align: baseline
- Btransform: translate(-50%, -50%)
- Cmargin-right: auto
- Ddisplay: table-cell
85What approach can be used for cases where the height of the parent and nested element are unknown?
- Avertical-align: baseline
- Btransform: translate(-50%, -50%)
- Cmargin-right: auto
- Ddisplay: table-cell
86To round a specific corner of the frame, the other properties as border-top-left-radius, can be used
- AVerdadero
- BFalso
87How many corners of the border can be set with the border-radius property?
- AFor 2 top corners
- BFor 2 bottom corners
- CFor 4 corners
88What is border-radius property used for if no border is set?
- AFor background
- BFor the closest frame
- CProperty is not applied
89How many types of gradients are there in CSS3?
- AOne
- BTwo
- Cthree
90What type of gradient is applied to get this image?
- ALinear gradient
- BRadial gradient
- CHorizontal gradient
91In the example "to left" means the direction of the gradient:
div {
background: linear-gradient(to left, #CEDB56, #008ACE);
}- AFrom left to right
- BFrom top to bottom
- CFrom right to left
92The values for the radial gradient are written in such order:
- Abackground: radial-gradient(gradient size/shape/center position, first color, second color, etc.);
- Bbackground: radial-gradient(gradient shape/size/center position, first color, second color, etc.);
- Cbackground: radial-gradient(size/center position, gradient shape/, first color, second color, etc.);
93Which property was used to get the result shown in the figure?
- Atext-shadow
- Bbox-shadow
- Cbackground-shadow
94What code was written to get this result?
- A.shadow-inner {
box-shadow: inset 4px 5px 8px 5px #76CDD8;
} - B.shadow-inner {
box-shadow: 4px 5px 8px 5px #76CDD8;
} - C.shadow-inner {
box-shadow: set 4px 5px 8px 5px #76CDD8;
}
- A.shadow-inner {
95What does "8px" mean?
box-shadow: inset 4px 5px 8px 5px #76CDD8;- AOffset the shadow to the right or left.
- BThe degree to which the shadow is offset up or down
- CDegree of shadow blur.
96What value of the filter property was applied to get the blur effect shown in the figure?
- Ablur()
- Bbrightness()
- Ccontrast()
- Dsaturate()
97Transition time when applying the Transition property is always linear:
- AVerdadero
- BFalso
98Select all elements and properties to which the Transition property can be applied:
- Ahtml elemetns
- B::before
- C::after
- Dpseudo-elements
- Eborder
- Fzoom
- Gload
- Hmargin
99What shorthand for the transition property can replace the following code?
transition-property: background-color, width, left;
transition-duration: 3s, 2s;- Atransition: background-color 3s, width 2s, left 3s;
- Btransition: background-color 3s, width 3s, left 3s;
- Ctransition: background-color 3s, width 2s, left 2s;
- DThis can not be done
100Select all valid property values transition-timing-function:
- Atransition-timing-function: steps(4, start)
- Btransition-timing-function: steps(start, 4)
- Ctransition-timing-function: ease
- Dtransition-timing-function: hard
101What units of measurement can the property value be set in? animation-duration?
- Aseconds (s)
- Bmilliseconds (ms)
- Cminutes (min)
- Dnanoseconds (ns)
Información
- Descripción
- Test sobre css, creado por vernona pit el 28/08/2022.
- Autor
- vernona pit
- Idioma
- English
- Visitas
- 1
- Valoración
- Aún sin valoraciones Valora este test