1/63
Looks like no tags are added yet.
Name | Mastery | Learn | Test | Matching | Spaced |
---|
No study sessions yet.
CSS
Cascading Style Sheets
Style=
to apply styles locally, type _______ within an HTML tag.
property:value
the format to define properties in style format is
;
what symbol goes between each style definition?
<style></style>
internal style sheets must go between which tags
<head>
which tag comes after <html> if creating an internal style sheet?
<head>
Which tag does the <title> tag fall between?
{
Which symbol follows the name of the tag when creating style sheets?
tags
H1 and P are examples of what?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4 Transitional//EN">
what is the full intro tag to an HTML document?
<!-- -->
what are the comment tags
H1 {color:red}
to apply the text color red to H1 using styles...
P {color:yellow;text-align:right}
to apply the text color yellow and align right to P using styles...
A:link {color:red}
to make an untouched link red
A:visited {color:blue}
to make a visited link blue
A:hover {color:green}
to make a link green when moused over
A:active {color:yellow}
to make a link yellow when clicked
tag for adding an image or video
P {text-indent:8pt}
to indent the text in P by 8 pts
H1 {font: 10pt "Arial","Times"}
to change the font of H1 to 10pt Arial with a backup Times font
H1 {background:green;color:yellow}
to change the background color of H1 to green and the text to yellow
P {letter-spacing:.5em}
to change kerning of P to .5em
-
a two worded property is separated by what symbol
P {font-weight:bold}
to change the text on P to bold
,
you can define properties for several tags at once by seperating each tag with which symbol
text only format
to save an external style sheet, save it in what format?
.css
to save an external style sheet, save it with what extension?
what is the tag used to import an external style sheet, named styles.css, to an HTML document
P.intro
to assign a class called intro to tag P
to apply the class H1.heading to a paragraph
P#intro
to assign an ID called inro to tag P
to apply the ID H1#heading to a paragraph
DIV
a special tag that allows you to change the style of a section of the document
SPAN
a special tag that allows you to change the style of a few words of the document
DIV.love {background:red}
to set a DIV called love to have a red backgroud
to apply a DIV called love, which TAGS should be used?
SPAN.caps {font-variant:small-caps}
to set a SPAN called caps to have all capital letters
to apply a SPAN called caps, which TAGS should be used?
P {font-family:"verdana"}
to change the font family of P to Verdana
P {font-style:italic}
to change the font style of P to italic
700
what number represents bold weight
400
what number represents book weight
P {font-size:12pt}
to change the font size of P to 12pt
P {line-height:15pt}
to change the leading between text lines of P by 15pt
H1 {background:url("pic.gif")}
to apply a background to H1 named pic.gif
fixed
to keep the background from moving use the word...
scroll
to allow the background to move when moving down the page, use the word...
repeat
which word tiles an image horizontally and vertically
repeat-x
which word tiles an image horizontally
repeat-y
which word tiles an image vertically
no-repeat
which words keep the image from being tiled
word-spacing
which property specifies tracking
letter-spacing
which property specifies kerning
H1 {white-space:pre}
to set white space for H1
P {text-decoration:underline}
to underline text for P
P {text-decoration:line-through}
to strike thru text for P
P {text-transform:uppercase}
to change the text of P to uppercase
P {text-transform:capitalize}
to make the first letter of each word for P uppercase
IMG.off {position:relative;top:40;right:40}
to position an image relative to its natural position for 40% top and right
STYLE="z-index:-1"
if 2 images are overlaping which property can be used to decide which goes on bottom
tag defining the beginning of the first row of a table
tag defining the header cell in a row
tag defining regular cell in a row
tags that define a table