Write the XHTML and CSS code for an embedded style sheet that configures a background color of white and a text color of green?

Answer 1

The XHTML code to embed an external stylesheet would look like:

<link rel="stylesheet" href="style.css" type="text/css" />

The CSS code would need to be placed in a separate document and would need to be saved as style.css. The CSS code need to make the background white and the text green would look like:

body {

background-color: #ffffff;

text-color: #008000;

}

This code will make your content display in green text against a white background.

Answer 2

Not writing all that code, but will give you the basic CSS properties:

a {

font-family: arial, helvetica, sans-serif;

font-size: 10pt;

font-weight: normal;

font-style: normal;

text-decoration: none;

background: #fff;

color: #000;

}

That will do ALL of them at once. Then for a:link, a:visit, a:hover and a:active you can style any differences without repeating.

You may not know it, but a link has four different states that it can be in. CSS allows you to customize each state. Please refer to the following keywords that each correspond to one specific state:

* link - this is a link that has not been used, nor is a mouse pointer hovering over it

* visited - this is a link that has been used before, but has no mouse on it

* hover - this is a link currently has a mouse pointer hovering over it/on it

* active - this is a link that is in the process of being clicked

Using CSS you can make a different look for each one of these states.