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;
32 Cards in this Set
- Front
- Back
What are CSS?
|
Cascading style sheets: used for presentation elements
|
|
Give 3 benefits of using CSS in a website
|
-Formatting text styles
-universal changes in one document -formatting layout |
|
Inline Styles
|
Inside the line of code in the document
|
|
Embedded Styles
|
In the document using style elements & the rules apply only to the document
|
|
External Styles
|
Separate text only document linked to the webpage
|
|
Give an example of the syntax for an Inline style
|
< h1 style="color: red" > ...< /h1 >
|
|
Give an example of the syntax for an Embedded style
|
< style type="text/css" >
h1 { color: red; } </ style> |
|
What is the syntax to create comments in a CSS document?
|
/*
Comment */ |
|
Give an example of the syntax to link an external style sheet
|
< link rel="stylesheet" type="text/css" href="..." / >
|
|
What is style precedence?
|
Rule that determines which style is applied when one or more styles conflict, the last one there is used
|
|
5 levels of style precedence
|
lowest - highest
-browser's internal style sheet -external style sheet -embedded style sheet -inline styles -user-defined styles |
|
Style Inheritance
|
When there isn't a conflict, the styles are passed down from the more general levels to the more specific
|
|
Give an example of when you would use IDs and CSS
|
When an element will be styled a certain way
|
|
Which is the syntax to work with IDs in CSS
|
-id the element < h1 id="header" name="header" >...< /h1>
-Assign it a property in CSS #header { float: right; } |
|
RGB stands for
|
Triplet color value that stands for Red Green Blue
|
|
HTML identifies a color either by
|
-hexadecimal form
-name |
|
Which is the style syntax to define the background color of a webpage?
|
body { background-color: red; }
|
|
Which is the style syntax to define the font family, font size and font color of a web page?
|
body { font: style weight variant size/height font-family; }
|
|
What does GIF stand for?
|
Graphics Interchange Format
used for flat colors and hard edges |
|
What does JPG stand for?
|
Joint Photographic Experts Group
Used for photographs or images with smooth color blends |
|
What does PNG stand for?
|
Portable Networks Graphics
used as substitute for GIF, can contain transparent areas |
|
Which is the syntax to apply a background image to a website
|
body { background-image: url(url) repeat horizontal vertical fixed; }
|
|
Which is the syntax to control the size of an image?
|
{ width:"#" height:"#" }
|
|
background image options:
repeat |
tiles the image both horizontally & vertically until the entire background elements is covered
|
|
background image options:
repeat-x |
tiles image only horizontally across the width of the element
|
|
background image options:
repeat-y |
tiles the image only vertically across the height of the element
|
|
background image options:
no-repeat |
image not repeated at all
|
|
which is the syntax to float an element in a webpage?
|
{ float: position; }
|
|
Box model: Margin
|
area betw. the element & other page content
|
|
Box model: border
|
top, sides & bottom of box containing the element content
|
|
Box model: padding
|
area betw. element's content & box border
|
|
div container used in CSS
|
-div container: generic block level element
-CSS allows you to style that section of the page that is labeled with a div |