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

11 questions

M1S06 - Le cadre juridique de l'activité économique et sociale

Quiz

•

Professional Development

15 questions

AKHLAK : Core Values untuk Pencapaian Terbaik Perusahaan

Quiz

•

Professional Development

15 questions

Hair Care Products

Quiz

•

University - Professi...

15 questions

FARMASETIKA 2

Quiz

•

Professional Development

15 questions

THI NGHỊ QUYẾT ĐẠI HỘI ĐOÀN

Quiz

•

Professional Development

10 questions

Technical Training PT Sinergi Gula Nusantara

Quiz

•

Professional Development

10 questions

Wayang dan animasi Malaysia

Quiz

•

KG - Professional Dev...

10 questions

Annual Training FY2023

Quiz

•

Professional Development

Popular Resources on Wayground

15 questions

Fractions on a Number Line

Quiz

•

3rd Grade

20 questions

Equivalent Fractions

Quiz

•

3rd Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

54 questions

Analyzing Line Graphs & Tables

Quiz

•

4th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

20 questions

Main Idea and Details

Quiz

•

5th Grade

20 questions

Context Clues

Quiz

•

6th Grade

15 questions

Equivalent Fractions

Quiz

•

4th Grade

Discover more resources for Other

20 questions

Black History Month Trivia Game #1

Quiz

•

Professional Development

100 questions

Screening Test Customer Service

Quiz

•

Professional Development

20 questions

90s Cartoons

Quiz

•

Professional Development

10 questions

Reading a ruler in Inches

Quiz

•

4th Grade - Professio...

16 questions

Parallel, Perpendicular, and Intersecting Lines

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>