Basics of HTML

  1. Terms and Definitions
  2. Principles of WEB 2.0
  3. The structure of the HTML-document
  4. Main metatags
  5. Formatting Text HTML
  6. Lists html-page
  7. Text fixed format
  8. Selected text html-page
  9. Change font options
  10. Graphics html-page
  11. Tables html-page
  12. Hyperlinks
  13. IMAGEMAP
  14. Frames

CSS-based

  1. What is CSS
  2. CSS syntax
  3. Style classes
  4. Combined styles
  5. CSS table
  6. CSS cascading rules
  7. Recommendations applying styles
  8. Font options
  9. Line breaks, vertical alignment
  10. Background settings
  11. Parameters of the paragraph
  12. List options
  13. The parameters of the cursor
  14. Options indentation
  15. Parameters frame
  16. Parameters selection
  17. Display options
  18. Containers


   

Background settings

Background can be determined for all html-pages, as well as for its individual elements: text, tables, table cells, and so on.

The background color with CSS style attribute defines the background-color:

background-color: <color>

The color can be set using the RGB-code or name. The value of transparent specifies a transparent background.

By default the background elements from html-pages missing; background html-pages is determined by the browser.

When using the style attribute background-image in the background, you can ask a graphic (background) image:

background-image: url("<image address>")

The value of none removes the graphic background.

You can set the background color and background image simultaneously with the "Picture" is superimposed over the normal background. If the background image contains transparent areas, then they will shine through the background color.

If the background image is smaller element html-pages for which is set, the browser will repeat the "picture" the background until it fills the entire space of the element. The parameters of such a recurrence of the image set using the style attribute background-repeat :

Values background-repeat:

EXAMPLE:

BODY {
	background-color: #00FF00;
	background-image: url("/img/logo.gif");
	background-repeat: no-repeat
	}
	

background-position - determines the position of the background image relative to the element html-pages:

background-position: <horizontal position> [<vertical position>]

The format for the horizontal position:

<n>|left|right|center

The format for the vertical position:

<n>|top|bottom|center

If only set the horizontal position of the background image, the vertical position is assumed to be center .

EXAMPLE:

.tbl {background-position: 5px center}

The behavior of the background image when scrolling html-pages is determined by the style attribute background-attachment.

Values background-attachment:


TOP ↑