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;
50 Cards in this Set
- Front
- Back
Specifies the relationship between the current file and the file being linked to: in this case, the attribute is "stylesheet". |
rel |
|
three attributes to make a HTML/CSS link element |
rel, type, href |
|
CSS property for managing font: |
font-family:Georgia,serif; |
|
CSS size of font: |
font-size: |
|
CSS color of font: |
color: |
|
#FF0000 is an example of a... |
Hexidecimal value, usually color |
|
When font size that is proportional to its parent |
em |
|
when bae wants the entire background image to fill the whole page u be like... |
backgound-size:cover; |
|
When bae needs you to have one element on a web page have a different style attribute than the rest of the CSS style u be like... |
id attribute html opencarrot a id="learn-code" href="https://www.codecademy.com">Click here to learn to code! closingcarrot css #learn-code { color: #2e69a3; } |
|
3 main border property values... |
thickness,type,color |
|
name some types of Border types... |
solid, dotted, dashed, there are more |
|
increases or decreases the empty space between a page content and its border... |
padding: |
|
This dictates the space on all sides between html content |
margin: |
|
display: |
block; |
|
display: |
inline; |
|
This can be used to display: different page elements horizontally... |
flex; |
|
this prevents child elements of display:flex; from running off the webpage... |
flex-wrap:wrap; |
|
you can use this to style an element only while its being clicked, to simulate action or motion of a button |
:active |
|
Ed Hardy is to Tattoos as _______ is to CSS |
Bootstrap |
|
What is this? |
Bootstrap grid example |
|
a class in Bootstrap that is good for a large showcase of content |
jumbotron |
|
html comment looks like... |
/*----*/
|
|
WHEN YOU NEED TO put in a line break it looks like... |
|
|
another name for a self closing tag is... |
void tag |
|
defines a section in a document... |
div |
|
This element creates a new line before and after it and takes up the full length of the screen... |
block level element |
|
if an element is contained within the same line as code text... |
inline element () |
|
you cannot put block elements within inline elements... |
think about it. |
|
How big is an inline element? |
As wide as its content is. |
|
what is this? |
the major character encoding of the internet utf-8 |
|
How do you add numbers in binary? |
the same as decimal only with more remainders. |
|
true 0 or false 1? binary value units are called... |
boolean |
|
exclusive or... |
needs all inputs to execute |
|
needs at least one input to execute... |
inclusive or |
|
_________ styles are the most specific in CSS. |
inline |
|
CSS specificity: the ______rule has more specificity than the ________rule. A) earlier, later B) later, earlier |
B) later,earlier |
|
uses a 12 column grid system for CSS |
bootstrap |
|
In bootstrap something that sticks to the bottom of page and shows where you are and places you can go... |
breadcrumbs |
|
rather than coding your own styles for email validation, password privacy, etc use... |
bootstrap forms |
|
bootstrap tool for showing how far along a person is in some process using a bar... |
progress bar |
|
This is required in bootstrap, keeps things from being too wide... |
container |
|
like emojis for bootstrap... |
glyphicons |
|
tabs or fat buttons in bootstrap, good for mobile... |
pils |
|
a little icon that hangs out next to text some what like this™ in bootstrap... |
badge |
|
button that reveals a menu that falls downward in bootstrap... |
dropdown |
|
bootstrap allows for ___ nested elements in each element in its grid system. |
12 |
|
like a generic way to get < b > bold on text |
< strong > we should be using this instead of bold |
|
a more general way to put emphasis on text than using < i > italics |
< em > is preffered over < i > |
|
what will this do? |
basic flex setup with blue boxes, it will have them horizontally inside a grey box |
|
If an element is taller than the one containing it how can we fix this problem? |
ADD .clearfix {overflow: auto;} TO CONTAINER |