|
Lesson 4. Changing links and body text
In this lesson we'll change some parameters of the text links and body text.
So, we'll learn the "body" tag.
Links
For the text links (the tags "a" and "a:hover") we can specify:
color, weight, font family, text decoration ("underline" or "non");
hover color and decoration
Body text
Any text located outside the tables (directly in a page) is a body text.
We met it in Lesson 1.
a:hover { color:#f60; font-weight: bold; text-decoration: none }
a { color:#002c86; font-weight: bold; text-decoration: none }
body { color: black; font-weight: bold; font-size: 8pt; font-family: verdana, tahoma, arial; background: #313165 url(images/pagebg.jpg) no-repeat; text-align: center; margin: 0px } |
CSS syntax
- { color:black; font-weight: bold; font-size: 8pt; font-family: verdana, tahoma, arial;...
These parameters describe a font - its color, weight, size and family
- text-decoration: none
This describes a decoration for the links - "none", "underline" or "overline"
- Now you can change their value.
| CSS parameter |
Description |
Suggested values |
| color: |
Text color |
any color - its html name or number (#NNNNNN)* |
| font-weight: |
Font Weight |
normal;
bold; |
| font-size: |
Font Size |
Npt |
| font-family: |
Font Family |
Any font installed |
| text-align: |
Text alignment |
right;
left;
center |
| text-decoration: |
Link decoration |
none;
underline;
overline |
*N - any number or (for html color) A-F letter in HTML color code
-
-
-
|
Lessons: 1, 2, 3, 4, 5, 6