HTML/CSS
About this set
Created by:
Qnzhoney84 on April 2, 2010
Subjects:
Description:
HTML tags and Style Sheets
Log in to favorite or report as inappropriate.
Order by
64 terms
Terms | Definitions |
|---|---|
 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 uisng 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 |
| <img src= | 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? |
| <LINK REL=stylesheet TYPE="text/css" HREF=styles.css> | 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 |
| <H1 CLASS=heading> | to apply the class H1.heading to a paragraph |
| P#intro | to assign an ID called inro to tag P |
| <H1 ID=heading> | 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 |
| <DIV CLASS="love"></DIV> | 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 |
| <SPAN class="caps"></SPAN> | 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 |
| <TR> | tag defining the beginning of the first row of a table |
| <TH> | tag defining the header cell in a row |
| <TD> | tag defining regular cell in a row |
| <table></table> | tags that define a table |
First Time Here?
Welcome to Quizlet, a fun, free place to study. Try these flashcards, find others to study, or make your own.