What is the reasoning behind the Don’t Repeat Yourself principle?

Repeated code makes it harder to read and edit

It helps you stay under the HTML file character limit

HTML files with repeated code will take a very long time to load

It makes a more clean and organized website for the user

What are some ways to cut down on repetitive code in your website?

Group together multiple selectors with commas

Strategically plan ahead to make sure the site is coded concisely

Use a div to style multiple elements

Which of the following will insert an exclamation point after every h2 element?

h2::after { content: “!”; }

Which of the following applies the invert filter to all images with the class “inverted”?

img.inverted { filter: invert(100%); }

img.inverted { filter: invert; }

Which of the following will result in a smooth transition from green to red as the mouse clicks on h1 tags?

h1 { color: green; transition: color 2s; } h1:active { color: red; }

h1 { color: green; transition: color 2s; } h1:hover { color: red; }

h1 { color: green; } h1:hover { color: red; }

The Inspector would be a useful tool for which of the following tasks?

Testing what small CSS changes will do to the site presentation

Starting to write the HTML and CSS based on a design

Finalizing changes made to the styling of the website

Which of the following applies a grayscale filter to all images?

img { filter: grayscale(100%); }

img { filter:: grayscale(100%); }

img { filter: grayscale(100); }

Which of the following defines the animation increase-font to change the font size from 5px to 20px?

@keyframes increase-font { from {font-size: 5px;} to {font-size: 20px;} }

increase-font { from {font-size: 5px;} to {font-size: 20px;} }

keyframes increase-font { font-size: {5px, 20px}; }

@animation increase-font { font-size: {5px, 20px}; }

Which of the following applies an animation named grayscaleFilter over 10 seconds to every img tag?

img { animation: grayscaleFilter 10s; }

img { animation-name: grayscaleFilter; animation-length: 10s; }

img { animation-name: grayscaleFilter; length: 10 seconds; }

img { animation: grayscaleFilter 10 seconds; }

img { width: 100px; height: 100px; transition: width 2s, height 2s; } img:hover { width: 200px; height: 200px; } What would be the resulting difference if the line transition: width 2s, height 2s; was removed from the first CSS rule?

There would no longer be a smooth transition for the image:hover rule.

Images would no longer get larger as the mouse hovers over them.

The transition would happen over 10s, since this is the default duration.

Images will no longer show up on the website.

Which of the following defines an animation change-color that changes the font color from green to red?

@keyframes change-color { from {color: green;} to {color: red;} }

@ change-color { from {color: green;} to {color: red;} }

@keyframes change-color { color: {color: green, red;} }

@animation change-color { color: {color: green, red;} }

Advanced HTML/CSS review

Authored by Thelesa Williams

Computers

9th - 12th Grade

Used 89+ times

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

Content View

Student View

28 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Assume you have two files for your website, and these files exist in the same folder:
home.html
style.css
Which of the following is the proper way to apply the CSS code inside style.css to the home.html file?

Inside home.html:

<head>

</head>

Inside home.html:

<head>

</head>

Inside style.css:

Inside style.css:

applyTo {

href: home.html; }

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Assume you have two files for your website, and these files exist in the same folder:
index.html
about.html
Which of the following is the proper way to link to the about.html page from the index.html page?

<a href="about>About This Site</a>

<a href="/about.html">About This Site</a>

<a href="about.html">About This Site</a>

<a href="/about">About This Site

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What are IFrames?

Buttons that link to other websites

Videos uploaded to your website

The number of views your website has

HTML pages embedded inside of other HTML pages that may contain video or other media

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the function of the div tag?

To define a section of an HTML page

To group a block of elements together to format them with CSS

To efficiently apply the same style to several different elements

All of the above

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which of the following correctly uses div to style multiple elements the same way?

<h2>Welcome</h2>

<p>Hi, welcome to my page.</p>

</div>

<div>

<h2 ="intro">Welcome</h2>

<p class="intro">Hi, welcome to my page.</p>

</div>

<div>

.intro{

font-size: 16px;

font-style: italic;

}

<h2>Welcome</h2>

<p>Hi, welcome to my page.</p>

</div>

<h2 div class="intro">Welcome</h2>

<p div class="intro">Hi, welcome to my page.</p>

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the difference between <span> and <div>?

<span> is better for styling images, while <div> is better for styling specific text in the page

<span> is for styling multiple elements, while <div> is for styling single elements at a time

<span> is used to style inline elements such as a text in a paragraph, while <div> used to group elements together and creates a line break

<span> is used to style elements, while <div> is used to embed parts of other websites

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Which of the following selects all p tags with the class alert and makes them red?

p.alert { color: red; }

p {

.alert {

color:red;

}

.alert p{

color: red;

}

p alert{

color: red;

}

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

25 questions

AIJ

Quiz

•

12th Grade

24 questions

FUENTE DE PODER

Quiz

•

12th Grade

25 questions

CONDITIONAL STATEMENTS

Quiz

•

11th - 12th Grade

24 questions

Teknoloji ve Yazılım 1. Dönem 1. Yazılı (Python)

Quiz

•

6th Grade - University

24 questions

JavaScript_0 Basic

Quiz

•

10th Grade - University

25 questions

Internet2

Quiz

•

9th Grade

33 questions

HSG THPT - CSDL 1

Quiz

•

12th Grade

23 questions

Especifidades CSS

Quiz

•

11th Grade

Popular Resources on Wayground

8 questions

2 Step Word Problems

Quiz

•

KG - University

20 questions

Comparing Fractions

Quiz

•

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

10 questions

Latin Bases claus(clois,clos, clud, clus) and ped

Quiz

•

6th - 8th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

7 questions

The Story of Books

Quiz

•

6th - 8th Grade

Discover more resources for Computers

10 questions

Mastering Proper Keyboarding Techniques

Interactive video

•

6th - 10th Grade

10 questions

Exploring Cybersecurity Techniques and Threats

Interactive video

•

6th - 10th Grade

Advanced HTML/CSS review

Assume you have two files for your website, and these files exist in the same folder: home.html style.cssWhich of the following is the proper way to apply the CSS code inside style.css to the home.html file?

Assume you have two files for your website, and these files exist in the same folder: index.html about.htmlWhich of the following is the proper way to link to the about.html page from the index.html page?

What are IFrames?

What is the function of the div tag?

Which of the following correctly uses div to style multiple elements the same way?

What is the difference between <span> and <div>?

Which of the following selects all p tags with the class alert and makes them red?

How can I select all h1 tags that are immediate children of div tags?

What is the reasoning behind the Don’t Repeat Yourself principle?

What are some ways to cut down on repetitive code in your website?

Access all questions and much more by creating a free account

Similar Resources on Wayground

Popular Resources on Wayground

Discover more resources for Computers

Assume you have two files for your website, and these files exist in the same folder:
home.html
style.css
Which of the following is the proper way to apply the CSS code inside style.css to the home.html file?

Assume you have two files for your website, and these files exist in the same folder:
index.html
about.html
Which of the following is the proper way to link to the about.html page from the index.html page?