CSS Quiz B1

Authored by Vengatesh vengatesh

Other

Professional Development

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

Content View

Student View

10 questions

Show all answers

FILL IN THE BLANK QUESTION

1 min • 1 pt

<style> ____
{ _red; }
</style>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph</p>
<p class="colortext">This is a paragraph</p>
<p class="colortext">This is a paragraph</p> </body>

FILL IN THE BLANK QUESTION

1 min • 1 pt

Add an external style sheet with the URL: "mystyle.css".
<head>_______________ </head> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

FILL IN THE BLANK QUESTION

1 min • 1 pt

Set "paper.gif" as the background image of the page.
<style> body { _ : ____ ; }
</style>
<body> <h1>This is a heading</h1>
<p>This is a paragraph</p>
<p>This is a paragraph</p> </body>

FILL IN THE BLANK QUESTION

1 min • 1 pt

Use the correct background property to make the background image NOT scroll with the rest of the page
<style>
body { background-image: url("img_tree.png"); ______:_ ; } </style>

FILL IN THE BLANK QUESTION

1 min • 1 pt

Use the correct border property to set the LEFT border to "dotted".
<style> p { _______ : dotted; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

FILL IN THE BLANK QUESTION

1 min • 1 pt

Use the shorthand margin property to add 20 pixels top and bottom margins, and 40 pixels left and right margins, on the <h1> element.
<style> h1 { margin: ________ ; } </style>
<body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

FILL IN THE BLANK QUESTION

1 min • 1 pt

Set the padding of all sides of the <h1> element to 30 pixels.
<style> h1 {_________ : 30px; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Continue with Google

Continue with Email

Continue with Classlink

Continue with Clever

or continue with

Microsoft

Apple

Others

Already have an account?

Similar Resources on Wayground

13 questions

BMSS Exam Comm Quiz 2023

Quiz

•

Professional Development

10 questions

KUIZ LATIHAN PEMERKASAAN BAHASA ARAB PT3 DAERAH SETIU

Quiz

•

Professional Development

10 questions

Ôn tập GHKII

Quiz

•

1st Grade - Professio...

15 questions

25 marketing digital - 2021

Quiz

•

Professional Development

13 questions

MEMBRESÍA

Quiz

•

Professional Development

10 questions

Test Product knowledge

Quiz

•

Professional Development

10 questions

WUZZLES

Quiz

•

Professional Development

15 questions

Module 3 (Chassic) - Tank 300

Quiz

•

Professional Development

Popular Resources on Wayground

7 questions

History of Valentine's Day

Interactive video

•

4th Grade

15 questions

Fractions on a Number Line

Quiz

•

3rd Grade

20 questions

Equivalent Fractions

Quiz

•

3rd Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

15 questions

Valentine's Day Trivia

Quiz

•

3rd Grade

20 questions

Main Idea and Details

Quiz

•

5th Grade

20 questions

Context Clues

Quiz

•

6th Grade

Discover more resources for Other

44 questions

Would you rather...

Quiz

•

Professional Development

20 questions

Black History Month Trivia Game #1

Quiz

•

Professional Development

12 questions

Mardi Gras Trivia

Quiz

•

Professional Development

14 questions

Valentine's Day Trivia!

Quiz

•

Professional Development

7 questions

Copy of G5_U5_L14_22-23

Lesson

•

KG - Professional Dev...

16 questions

Parallel, Perpendicular, and Intersecting Lines

Quiz

•

KG - Professional Dev...

11 questions

NFL Football logos

Quiz

•

KG - Professional Dev...

12 questions

Valentines Day Trivia

Quiz

•

Professional Development

CSS Quiz B1

<style> ____
{ _red; }
</style>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph</p>
<p class="colortext">This is a paragraph</p>
<p class="colortext">This is a paragraph</p> </body>

Add an external style sheet with the URL: "mystyle.css".
<head>_______________ </head> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

Set "paper.gif" as the background image of the page.
<style> body { _ : ____ ; }
</style>
<body> <h1>This is a heading</h1>
<p>This is a paragraph</p>
<p>This is a paragraph</p> </body>

Use the correct background property to make the background image NOT scroll with the rest of the page
<style>
body { background-image: url("img_tree.png"); ______:_ ; } </style>

Use the correct border property to set the LEFT border to "dotted".
<style> p { _______ : dotted; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

Use the shorthand margin property to add 20 pixels top and bottom margins, and 40 pixels left and right margins, on the <h1> element.
<style> h1 { margin: ________ ; } </style>
<body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

Set the padding of all sides of the <h1> element to 30 pixels.
<style> h1 {_________ : 30px; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

Set the height of the <h1> element to "100px".
<style> h1 { ________: 100px; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

Set the width of the <div> element to "200px".
<style> ___ { _ : ___ ; } </style> <body> <div> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </body>

Access all questions and much more by creating a free account

Similar Resources on Wayground

Popular Resources on Wayground

Discover more resources for Other

CSS Quiz B1

<style> ________{ _____red; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p class="colortext">This is a paragraph</p> <p class="colortext">This is a paragraph</p> </body>

Add an external style sheet with the URL: "mystyle.css".<head>_______________ </head> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

Set "paper.gif" as the background image of the page.<style> body { _______ : __________ ; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

Use the correct background property to make the background image NOT scroll with the rest of the page<style> body { background-image: url("img_tree.png"); __________:_____ ; } </style>

Use the correct border property to set the LEFT border to "dotted".<style> p { _______ : dotted; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

Use the shorthand margin property to add 20 pixels top and bottom margins, and 40 pixels left and right margins, on the <h1> element.<style> h1 { margin: ________ ; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

Set the padding of all sides of the <h1> element to 30 pixels.<style> h1 {_________ : 30px; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

Set the height of the <h1> element to "100px".<style> h1 { ________: 100px; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

Set the width of the <div> element to "200px".<style> _____ { _____ : _____ ; } </style> <body> <div> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </body>

Access all questions and much more by creating a free account

Similar Resources on Wayground

Popular Resources on Wayground

Discover more resources for Other

<style> ____
{ _red; }
</style>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph</p>
<p class="colortext">This is a paragraph</p>
<p class="colortext">This is a paragraph</p> </body>

Add an external style sheet with the URL: "mystyle.css".
<head>_______________ </head> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

Set "paper.gif" as the background image of the page.
<style> body { _ : ____ ; }
</style>
<body> <h1>This is a heading</h1>
<p>This is a paragraph</p>
<p>This is a paragraph</p> </body>

Use the correct background property to make the background image NOT scroll with the rest of the page
<style>
body { background-image: url("img_tree.png"); ______:_ ; } </style>

Use the correct border property to set the LEFT border to "dotted".
<style> p { _______ : dotted; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

Use the shorthand margin property to add 20 pixels top and bottom margins, and 40 pixels left and right margins, on the <h1> element.
<style> h1 { margin: ________ ; } </style>
<body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

Set the padding of all sides of the <h1> element to 30 pixels.
<style> h1 {_________ : 30px; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

Set the height of the <h1> element to "100px".
<style> h1 { ________: 100px; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

Set the width of the <div> element to "200px".
<style> ___ { _ : ___ ; } </style> <body> <div> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </body>