Click here to tell your browser to print these cards.
These are designed to be printed in landscape mode on 5x8 index cards.
To save paper, we recommend using your computer's print preview until you get your printer settings correct.
A rule that defines the appearance of an element on a Web page. |
Style |
A language that allows a Web developer to write code statements that control the style of elements on a web page. |
Cascading Style Sheets (CSS) |
Allows you to change the style for a single element on a Web page, or to change the style of elements on all pages in a Web site. |
Style Sheet |
The type of style sheet that allows you to add a style to an individual HTML tag. |
Inline Style Sheet |
The type of style sheet that allows you to define the style for an entire Web page. |
Embedded Style Sheet |
the type of style sheet you create a textfile that contains all the styles you want to apply and then save the text file with the extension .css. |
External Style Sheets |
Is made up of a selector and a declaration that defines the style for one or more properties. |
Style Statement |
The part of the style statement that identifies how the elements should appear. |
Declaration |
Defines the style of a link when a mouse pointer points to it. |
An A Selector |
In CSS, you can create several different variations for any one tag with this. |
Classes |
CSS is a separate language use to enhance the display capabilities of what? |
HTML |
With this type of style, you add the style sheet within the <head> tags of the HTML document to define the style for the entire Web page. |
Embedded Style |
The part of the style statement that that identifies the page elements is called what? |
Selector |
For the Border property, which of the following would be a valid option?
A family B Style C Variant D weight
|
Style |
Which of the following is NOT an option for the background property?
A color B image C size D position |
Size |
What are the two kinds of selectors? |
Selector A - indicates a link element Selector P - indicates text in paragraph |
The code for an embedded style sheet must be inserted within what start and end tag? |
<Style> </style> |
An example of an Inline Style. Code is placed inside the opening tag of the desired tag. |
style="property:value" Example: <p style="color:red"> |
An example of an internal Style sheet. Code is placed in the <head> section. |
<style type="text/css"> jr{color:red;} </style> |
An example of an external style sheet. Links the webpage to an external style sheet. |
<head> <link rel="stylesheet"type="text/css" href="mystyle.css"/> </head> |
Examples of Body Styles |
background-color:yellow; sets the background color background-image:url('paper.gif'); sets the background image |
Examples of Text Styles |
color:red; Changes the text color. Values: name, hexadecimal (#ff000), rgb(255,0.0). text algin: center; Aligns the text horizontally. text-decoration:underline; Underlines text text-decoration:50px; indents text from the left text-transform:uppercase;Controls capitaliztion. Values : none, capitalize, uppercase, lowercase |
Examples of Font Styles |
font-family:arial: Sets the typeface for text. font-size:100%; Set the font size font-style: normal; Sets the font style for paragraphs. Values: normal, italic, oblique |
Examples of Link Styles |
a:link{color:#FF0000;} Sets color for an unvisited link a:visited {color:#FF0000;} Sets color for a visited link a:hover {color:#FF0000;} a:active{color:#ff0000:} Sets color for the selected link |
Examples of List Styles |
list-style-image:url("image.gif:); Sets list items marker to an image list-style-type: Sets the item marker type |