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


   

Syntax tables CSS

The syntax of a CSS syntax is very similar to HTML, but has some differences.

In general, the usual format definition of a CSS style written as follows:


<CSS selector> {
	<style attribute 1>: <value 1>;
	<style attribute 2>: <value 2>;
	...
	<style attribute n>: <value n>
}

EXAMPLE:

P {
	font-family: "Arial";
	font-size: 12px;
	color: Black
}

Basic rules for creating CSS style:

Beginning webmaster should understand that the attributes of html-tags and style attributes CSS - it's not the same.

In the example, we have made the implicit binding style - when the browser reads our style, it is automatically applied to all paragraphs of html-pages that feature the tag <P> . The text in the tag <P> , will display the font Arial, black, size 12 pixels.

The reception, which we reviewed, nazyaetsya style override tag , because as a CSS selector Set one of the html-tags. Please note that the CSS-code selector P is not enclosed in brackets ( <> )! The selector is not case sensitive.

CSS comments

In the "Basics of HTML" was told about comments , specific fragments of a html-code that is not handled by the browser, and serve as a reference for the Web master.

The same possibility exists in the CSS.

To comment out a single line of CSS-code at the very beginning put the character slant slash or a slash (/)

EXAMPLE:

/ Simple reset 
.tbl {
	margin: 0;
	padding: 0;
}

In order to create a multi-line comment, use a combination of characters / * and * /, which is placed between the commentary:

EXAMPLE:

/*
 Color, typography and basic layout
 (Shared for all devices and clients)
 Colors:
 - #F0E1C8 -> light cream (background)
 - #000000 -> Dark brown (body text, rules)
 - #42628F -> Dark blue (link text)
 - #7b96bc -> Medium-light blue (navigation and footer background)
 */
body {
	background: #F0E1C8;
	color: #000000;
	font: Georgia
}
a, a:visited {
	color: Blue;
}

TOP ↑