Got Class?
The Others
Got Style
Are You Sure?
Don't Be Basic
100
Write on the board the generic example of using a Class on the stylesheet
What is
.class{property: value;}
100
This is an example of a block element...
span em cite nav
What is Nav?
100
This is when the CSS is on a separate page.
What is external stylesheets.
100
This is a benefit of using CSS
What is quicker download times?
100
This is the part of the HTML document that includes the <link> tag that refers to an external style sheet
What is <head>?
200
Write on the board the correct way to change a single specific paragraph to the font Calibri (serif) on a stylesheet & HTML5
What is:
<p id="p1"> </p>
#p1{ font-family: "Calibri", serif;}
200
What is a drawback of the CSS float properly
What is the width has to be set on block elements?
200
This is when style information is used to override external stylesheet information for a specific page.
What is internal stylesheet?
200
This is used to define grid columns, rows, and areas
What is grid template?
200
This hyphen value defines that the words are broken at appropriate hyphenation points.
What is auto
300
This is not a flex-direction property...
row-reverse row-inverted column row
What is row-inverted
300
You want to have more space around the content THIS is what you use to accomplish that.
What is padding?
300
Write the correct code for changing the table's border size style & color
table{border: 2px solid #C30ff0;}
300
This tag is used in conjunction with absolute positioning
What is DIV?
300
This is what you use when you want the content to follow the properties of the elements already on the webpage.
What is Inherit?
400
Spot the error for an id:
@top{
background-color:#f5bad2
border-radius:0%;
}
What is @ and ;?
400
On the board write the CSS code that will have 2 divs side by side with different background colors.
400
On the board write the proper way to utilize CSS using the base example using generalized terms.
What is:
selector{property: value;}
400
This is the property that defines the stack order of an element.
What is z-index?
400
This explains the relationship between selectors
What is a combinator
500
On the board write the code for 2 different single images that you want them to float right with padding as follows:
right 20px left 15px top 1px bottom 30px
#man1, #owl2{
float:right;
padding:1px 20px 30px 15px;
}
500
The output will be this:
What is a rectangle with blue fill and No border?
500
This will be the color of the text "HTML is a markup language"
What is blue?
500
This CSS property sets and element on the right or left side of the container
What is float
500
On the board draw the image that depicts the placement of the elements around the content to adjust spacing
