Introduction to Cascading Style Sheets
Extra Credit
Notes from CSS class...
Week Two
- Embedded style is placed between the
tags in an HTML document
Embedded style overrides an external style sheet.
- Use {list-style-type: none;} to create indented copy without bullets.
- {List-style-position:outside;} creates a hanging indent.
Syntax for a simple embedded style sheet:
- <HEAD>
<STYLE TYPE="text/css">
<!--
SELECTOR {property:value;}
-->
</STYLE>
</HEAD>
Marign properties:
- Margin adds space between the border and the page edge.
- margin
- margin-top
- margin-bottom
- margin-left
- margin-right
Borders:
- Padding adds space between the border and its contents
- Property
| border |
border-top
|
| border-right |
| border-bottom |
| border-left |
- Border width can be specified as thin, thick, medium, or an exact
unit of measurement.
- Style
| Dashed |
Dotted |
| Solid |
Double |
| Outset |
Inset |
| Groove |
Ridge |
List-style
- list-style-type
- list-style-image: url(yourimage.gif)
- list-position-position
list-style-type property
- upper-roman
- lower-roman
- lower-alpha
- upper-alpha
- decimal
- none
- disc
- circle
- square
|