eBookNew Chapter II

HTML5 & CSS3 in Examples

Chapter II
The CSS stylesheet, selectors and properties
1. What is a CSS stylesheet?
2. Why we need a stylesheet
3. Defining a stylesheet
4. Defining a background for <body> using a bitmap
5. Example 4: Specifying a background for the <body> using a bitmap
5.1 Explanation of the Example 4 program
6. Setting background color for <body>
7. Example 5: Specifying a background for body applying a gradient fill
7.1 Explanation of the Example 5 program
8. Defining a text paragraph with the <p> tag
8.1 Highlighting text with <mark> and <span> tags
8.2 Defining the size, the family and the name of a font
8.3 The text-indent and text-align properties
8.4 The color and background-color properties
8.5 The word-spacing and letter-spacing properties
8.6 The font-style, font-weight and text-decoration properties
8.7 Finding errors in HTML code
8.8 Adding a decorative font in program code
8.9 Example 6: Defining a text paragraph and defining its properties
8.10 Explanation of the Example 6 program
9. Creating links with the <a> tag
9.1 The href attribute of the <a> tag
9.2 Defining properties for the <a> element
9.3 The <nav> tag
9.4 Example 7: Creating Links
9.5 Explanation of the Example 7 program
10. Introducing the <div> tag
10.1 What is the id attribute and how it is defined?
10.2 What is the class attribute and how it is defined?
10.3 The outline, margin, padding and border properties
10.4 The width and height properties
10.5 The background-color property
10.6 Specifying the background of the div element using radial filling
10.7 The <aside>, <section> and <article> tags
10.8 Example 8: Defining a <div> block and its properties
10.9 Explanation of the Example 8 program
11. Setting the absolute position for HTML elements
11.1 The position property
11.2 The top, left, bottom and right properties
11.3 Example 9: Absolute positioning of the <div> element
11.4 Explanation of the Example 9 program
12. Defining z-index
12.1 Example 10: Defining the z-index property
12.2 Explanation of the Example 10 program

HTML5 & CSS3 in Examples

1. What is a CSS stylesheet?