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


   

Combined CSS styles

CSS allows you to create styles with multiple selectors at the same time. These styles are called combined .

Combined styles are designed to bind to the tags, which meet several conditions at the same time. Webmaster can assign a style to a combination tag, embedded in another tag or tag, which is specified for a certain style class.

The rules for writing the selectors in a combined style:

These rules are difficult to understand, so it is best to understand their work on practical examples.

EXAMPLE 1:

P STRONG {color: Red}
...
<P>This text will be <STRONG>red and bold.</STRONG></P>
<P>It is plain text</P>

In Example 1, as the selectors used tags <P>, <STRONG> . Tag <STRONG> must be nested to the tag <P> . The style will be tied only to the tag <STRONG> .

EXAMPLE 2:

P.blue {color: #0000FF}
...
<P CLASS="blue">This text will be displayed in blue.</P>
<P>It is plain text</P>
EXAMPLE 3:

P.blue <EM> {color: #0000FF}
...
<P CLASS="blue">This text will be <EM>blue and italic.</EM>.</P>
<P>It is plain text</P>

In Example 3, the style will be applied only to the fragment 'and a sloping blue ". Style "stain" color text in blue, and the tag <EM> make it italic.

The CSS standard is allowed to define multiple different styles, which are listed separated by commas.

H2, .warning, P STRONG <EM> {font-size: 10px}

In this example, three different style (a style override tag; class style, combined style) set the font size to 10 pixels.

Built in styles

Inline styles are rarely used. They violate the the concept of Web 2.0 . Normally, inline styles applied to a single element of the html-pages or during experiments with styles.

Built in the style specified as a specific attribute STYLE tag.

<P STYLE="color: Red; font-size: 14px">Red text size 14</P>

TOP ↑