3603
Which of the following values cannot be a value for font-size?
Font size should have a measurement unit or should be from the set of constants: xx-small, x-small, small, medium, large, x-large, xx-large
50%
2 mm
4
xx-large
What line defines the image for background and repeats it vertically?
background: url(images/back.png) repeat-y;
background: url(images/back.png) repeat-x;
background-image: url(images/back.png) repeat-y;
background: images/back.png; repeat-y;
What property should be added to the img tag to get a shadow inside a picture?
box-shadow: 0 0 5px #000;
img-shadow: inset 0 0 5px #000;
img-shadow: inset 5px #000;
box-shadow: inset 0 0 5px #000;
What value can border-style not have?
dotted
color
inset
groove
A developer has a task: to place text in a box 100px х 150px. The box should indent 10 cm from the page borders above and 5 from the left, and text from box borders – 5 pixels above, 15 from the left and right and 10 from below. How do you do it?
padding is a spacing of the box content from its edge, and margin is a distance from one box to the other or to page borders
How do you add comments to a CSS file?
// Comment
/* Comment */
*** Comment ***
What will the size of text in the tag be if a style from the code below relates to the document?
em is a relative value, which allows prescribing divisible values of size from the base one. Thus, the value from body will be doubled: 14*2=28pt
14pt
28pt
2em
2pt
How do you define a tag, which will describe a style class for the div element?
Classes are defined using # (#class { }), and ID Selectors - through the period (.id { })
#class
.class
div:class
class:div
How do you link a css stylesheet to a html file?
How do you add a style for printing?
@media print { }
.print { }
print { }
How do you add color to font?
font-color: #FF0000;
font-color: red;
color: red;
font: #FF0000;
To what selector should the margin property be assigned to change indents on the page?
body
head
html
title
For what is the plus symbol between selectors used (for example, P + B { /* style */ })?
In this example, the style will be applied to the b tag, which will be after the p tag in html code.
To merge styles
To manage the style of adjacent elements
To specify general rules of style
The plus symbol is not used
How do you create a separate style for links to Runet domains?
a[href$=".ru"] { /* style */ }
a.ru { /* style */ }
if (href="*.ru"} a { /* style */ }
.ru { /* style */ }
What pseudo class is used to describe a style, which is activated when the cursor is within the element, but without clicking on this element?
:active
:focus
:lang
:hover
Junior developer
It seems you've only started to learn CSS! Don't forget to combine studying of theory with practice and you'll definitely succeed. Good luck! Share the quiz with friends and check their knowledge of CSS!
Middle developer
You're not bad at CSS, you can properly create different styles for pages, but there are still some gaps in knowledge. We hope this quiz helped you to reveal them! Learn new subjects and train on problems, and you'll definitely succeed! Share the quiz with friends and check their knowledge of CSS!
Senior developer
You're a real crackerjack, you can create unusual styles and perfectly arrange pages no matter how complex customer's requirements are. Congrats! Make sure to sharpen your skills since the knowledge of CSS is very important on the way of studying web development. Share the quiz with friends and check their knowledge of CSS!
