Web Dev Quizizz 11

We use an id to style...

• 1 element

• Multiple elements (but not all)

• Every single element of a particular type (like all h1)

What is the symbol for id?

• #

• .

How to you give an element an id?

• <p id="AnyWord">Text here</p>

• <p class="Word">Text here</p>

• <p>Text here id="AnyWord"</p>

• <p>Text Here class="AnyWord"</p>

What is the symbol for class?

• #

• .

We use an class to style...

• 1 element

• Some/Multiple elements (but not all)

• Every single element of a particular type (like all h1)

How to you give an element a class?

• <p id="AnyWord">Text here</p>

• <p class="Word">Text here</p>

• <p>Text here id="AnyWord"</p>

• <p>Text Here class="AnyWord"</p>

<p id="text1" class="sport">Basketball</p>

<p id="text2" class="sport">Tennis</p>

<p id="text3" class="animal">Cat</p>

How would you style ALL paragraph tags?

• p{ }

• #text1{ }

• .sport{}

• h1 { }

Answer explanation

To style all, we use the selector/html tag

<p id="text1" class="sport">Basketball</p>

<p id="text2" class="sport">Tennis</p>

<p id="text3" class="animal">Cat</p>

How would you style the FIRST 2 paragraph tags?

• p{ }

• #text1{ }

• .sport{}

• h1 { }

Answer explanation

To style a group (but not all) we use a class

<p id="text1" class="sport">Basketball</p>

<p id="text2" class="sport">Tennis</p>

<p id="text3" class="animal">Cat</p>

How would you style ONLY the FIRST paragraph tag?

• p{ }

• #text1{ }

• .sport{}

• h1 { }

Answer explanation

To do only 1, we use id

<div><div><div><img src="cat.jpg"></div></div></div>

• Ths is an image inside a div

• This is an image inside a div, inside a div, inside a div

• This is just 1 div

• This is a image inside a div, inside a div, inside a div, inside a div, inside a div, inside a div

Answer explanation

This img is wrapped by 3 divs. Remember that closing tags end the div.They don't create a new one