10438512
Question 1
Question
In the following code snippet, what value is given for the right margin ?
code:
margin: 5px 10px 3px 8px
Answer
-
8px
-
10px
-
3px
-
5px
Question 2
Question
Which of the following would be used to create class called button which has a width of 750px, a height of 30px and the color of the text is black ?
Answer
-
.button {height: 30px; width: 750px; text: black;}
-
#button {height: 30px; width: 750px; color: black;}
-
.button {height: 30px; width: 750px; color: black;}
-
#button {height: 30px; width: 750px; text: black;}
Question 3
Question
How much width will this div occupy ?
div {
width: 100px;
padding: 10px;
margin-right: 5px;
border: 2px;
}
Answer
-
100px
-
117px
-
129px
-
124px
Question 4
Question
Assume that this code is linked together correctly
p { color: red; padding: 10px 5px; background: black; }
.fancy {font-family: cursive; background: red; color: green; }
.plain {font-family: Times, serif; color: black; }
<p class="plain fancy"> Hi </p>
What color font is used to display "Hi" ?
Answer
-
green
-
red
-
black
-
browser default
Question 5
Question
What is default font size of the h1 tag ?
Answer
-
40px
-
24px
-
16px
-
32px
Question 6
Question
Which key word used to make animation in HTML code ?
Answer
-
@keyframe
-
@animation
-
@keyframes
-
@html-animation
Question 7
Question
Assume the following rule is the only one that styles the body element:
body { font-family: Cursive, Helvetica, Verdana; }
What happens if the browser doesn't support any of these font families ?
Answer
-
The text will not be displayed
-
The text will be displayed in Cursive
-
The text will be displayed in the default browser font-family
-
None of the above
Question 8
Question
Assume that code:
<html>
<head>
<style>
div {
margin-right:15px;
float: left;
}
.a {
width: 100px;
color: #ff00ff;
}
.b {
width: 100px;
margin-right: 15px;
float: right;
}
<style>
<head>
<body>
<div class="a">It is a division A</div>
<div class="b">It is a division B</div>
</body>
</html>
Total width of the body is 1000px. What is the starting point of division B ?
Answer
-
115px
-
101px
-
885px
-
900px
Question 9
Question
How do you display a border like this:
the top border = 10 pixels
the bottom border = 5 pixels
the left border = 20 pixels
the right border = 1 pixels
Answer
-
border-width: 10px 5px 20px 1px;
-
border-width: 10px 20px 5px 1px;
-
border-width: 10px 1px 5px 20px;
-
border-width: 5px 20px 10px 1px;
Question 10
Question
How do you select all p elements inside a div element ?
Answer
-
div+p
-
div.p
-
div p
-
all.p
Want to create your own Quizzes for free with GoConqr? Learn more.