Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
36 Cards in this Set
- Front
- Back
What is the largest building block of a style sheet?
|
A rule
|
|
* CSS stands for
* Styles define how to display * Styles were added to HTML 4.0 to solve a problem * External Style Sheets can save you a lot of work * External Style Sheets are stored in * Multiple style definitions will cascade into one |
Cascading Style Sheets
HTML elements CSS files |
|
The CSS syntax is made up of three parts:
|
a selector, a property and a value:
selector {property: value} |
|
What are the types of elements that a selector can be applied to?
|
HTML elements
Elements with a class Elements with an ID |
|
Whend do you need quotes around a value?
|
Should all the time but is required when you have multiple words
p {font-family: "sans serif"} |
|
How can you group multiple selectors?
|
h1,h2,h3,h4,h5,h6
{ color: green } |
|
To apply more than one class per given element, the syntax is:
|
<p class="class1 class2">
|
|
What is an example of an element with a class?
|
<p class="content">
|
|
The selector is normally the HTML element/tag you wish to define, the property is the attribute you wish to change, and each property can take a value. The property and value are separated by a ____ and surrounded by
|
Colon
Curly Braces |
|
What is an example of an element with an ID?
|
<p ID="warning1">
|
|
You can also omit the tag name in the selector to define a style that will be used by all HTML elements that have a certain class. In the example below, all HTML elements with class="center" will be center-aligned: What would this look like
|
.center {text-align: center}
|
|
In
H1 {font-size: 1.8em;} what is "font-size"? |
A property
|
|
You can also define styles for HTML elements with the id selector. The id selector is defined as a
|
#idName
ex: #green {color: green} |
|
In
H1 {font-size: 1.8em;} what is "1.8em"? |
The value of the property
|
|
A CSS comment begins with
and ends with |
/* This is a comment */
|
|
When should you use a semicolon?
|
At the end of every value in a rule
|
|
Write tag to link a css to an html page, including where it belongs in the page. The file may be called mystyle
|
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" /> </head |
|
How would you group body, paragraph, and the largest heading and give them all the color of 000088?
|
body, p, h1 {color: #000088;}
|
|
What are the two types of elements?
|
Blocklevel and inline
|
|
What is a blocklevel element?
|
Begins a new line
|
|
What is an inline element?
|
One that doesn't force a line break
|
|
What's the difference between <div> and <span>?
|
<div> is blocklevel, <span> is inline
|
|
Class and ID attributes can be used with what HTML elements?
|
All of them
|
|
What's the difference between class and ID attributes?
|
Class can be used multiple times, ID only once.
|
|
What precedes a class?
|
A dot
|
|
What precedes an ID?
|
#
|
|
What do CSS1 specifications prohibit in naming classes and IDs?
|
Can't start with a number
|
|
How can Javascript interfere with classes and IDs?
|
If a class or ID's name is the same as a reserved word in Javascript, it may interfere.
|
|
To what elements may a class apply?
|
<body>, <p>, <div>, <span>
|
|
Which has more weight, class or ID?
|
ID
|
|
How many values may a class have?
|
Any number.
|
|
How many values may an ID have?
|
One.
|
|
What should be avoided in class and ID names?
|
Underscores.
|
|
If you want small, red type for minor notes, what is preferable to naming the class smallRed?
|
minorNote
|
|
What are pseudo-classes used for?
|
To change the appearance of links.
|
|
What does a pseudo-element do?
|
Sets the style for part of an element, like a first letter or first line
|