Community
What type of language is CSS?
A. Markup language
B. Styling language
C. Programming language
What is B. Styling language?
What does CSS stand for?
CSS allows us to change the __________ of a web page.
Styling/Style
What CSS selector should you use to group the same/similar elements with the same styles?
What is Class?
What kind of selector should you use for a specific set of CSS attributes that only apply to that one element.
An ID (#)
What is the value in this CSS code?
p {color: red;}
red
What symbol goes around each CSS selector?
{ }
What is the property in this CSS code?
p {font-size: 10px;}
font-size
Three locations for CSS/Style information
inline, style section, separate file
If you have more than one property for a CSS selector, what character separates them?
; (semicolon)
How are rule sets closed?
; semicolon
CSS to change all anchor tags to text color green
a { color:green;}
Used to tell HTML to look in a different file
What is a link tag
Where in the Html document is the correct location to insert code to link to your external CSS?
In the <head> section
Give 2 examples of a border-style.
dotted, double, solid, dashed
This CSS code is correct (True or False).
a {color: blue;}
True
What is wrong with this code?
body {background-color="red"'}
Instead of an = sign it should be a : (colon)
Name Six CSS Properties
What is font, font-family, color, background-color, height, width, text-decoration, font-size, padding, margin, etc. ?
What is wrong with this code?
body {color=black;}
Should have : instead of =
What is the selector in this code?
img {width: 100px;}
img
What block of code is adding a red background color to an element with the ID name warning?
A. .warning {background-color: red;}
B. #warning {background-color: red;}
C. warning {background-color: red;}
What is B?
What is the code for a comment in CSS?
/*comment*/
How do you link your CSS to your HTML page?
<link rel="stylesheet" href="style.css">
How are numbers measured in CSS code?
What is pixels, px, or em? (Any one)
Using CSS, how would you center text?
{text-align: center;}