WEBMANIA

Question 1 of 10

1

In the following code snippet, what value is given for the right margin ?
code:
margin: 5px 10px 3px 8px

Select one of the following:

8px
10px
3px
5px

Explanation

Question 2 of 10

1

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 ?

Select one of the following:

.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;}

Explanation

Question 3 of 10

1

How much width will this div occupy ?
div {
width: 100px;
padding: 10px;
margin-right: 5px;
border: 2px;
}

Select one of the following:

100px
117px
129px
124px

Explanation

Question 4 of 10

1

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" ?

Select one of the following:

green
red
black
browser default

Explanation

Question 5 of 10

1

What is default font size of the h1 tag ?

Select one of the following:

40px
24px
16px
32px

Explanation

Question 6 of 10

1

Which key word used to make animation in HTML code ?

Select one of the following:

@keyframe
@animation
@keyframes
@html-animation

Explanation

Question 7 of 10

1

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 ?

Select one of the following:

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

Explanation

Question 8 of 10

1

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 ?

Select one of the following:

115px
101px
885px
900px

Explanation

Question 9 of 10

1

	Created by prabu .G about 7 years ago

This Quiz contains questions from HTML, CSS, and JavaScript.

Question 1 of 10

In the following code snippet, what value is given for the right margin ? code: margin: 5px 10px 3px 8px

Select one of the following:

Explanation

Question 2 of 10

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 ?

Select one of the following:

Explanation

Question 3 of 10

How much width will this div occupy ? div { width: 100px; padding: 10px; margin-right: 5px; border: 2px; }

Select one of the following:

Explanation

Question 4 of 10

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" ?

Select one of the following:

Explanation

Question 5 of 10

What is default font size of the h1 tag ?

Select one of the following:

Explanation

Question 6 of 10

Which key word used to make animation in HTML code ?

Select one of the following:

Explanation

Question 7 of 10

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 ?

Select one of the following:

Explanation

Question 8 of 10

Select one of the following:

Explanation

Question 9 of 10

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

Select one of the following:

Explanation

Question 10 of 10

How do you select all p elements inside a div element ?

Select one of the following:

Explanation

In the following code snippet, what value is given for the right margin ?
code:
margin: 5px 10px 3px 8px

How much width will this div occupy ?
div {
width: 100px;
padding: 10px;
margin-right: 5px;
border: 2px;
}

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" ?

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 ?

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