Session 04 - CSS
Examples

• Example 4.1 - Border Styles  
• Example 4.2 - Margin, Padding, Border  
• Example 4.3 - float: none;  
• Example 4.4 - float: right;  
• Example 4.5 - float: right;  
• Example 4.6 - float: left;  
• Example 4.7 - float: right; clear: none;  
• Example 4.8 - float: right; clear: right;  
• Example 4.9 - float: right; clear: left;  
• Example 4.10 - clear: none;  
• Example 4.11 - clear: right;  
• Example 4.12 - overflow: auto;  
• Example 4.13 - clear: right;  
• Example 4.14 - float left and right  
• Example 4.15 - float left and right and parent div  
• Example 4.16 - float and margin  
• Example 4.17 - float and margin to achieve a column effect  
• Example 4.18 - Making a grid: setting width but not height  
• Example 4.19 - Making a grid: setting height and width  
• Example 4.20 - Background Image with CSS  
• Example 4.21 - background-repeat: repeat-y  
• Example 4.22 - no-repeat and fixed  
• Example 4.23 - background images  
• Example 4.24 - Web Content Management  
• Example 4.25 - External Hyperlnks  
• Example 4.26 - background images  
• Example 4.27 - Ordered List: default  
• Example 4.28 - Ordered List: upper-roman  
• Example 4.29 - List with images as bullets  
• Example 4.30 - list-style: none;  
• Example 4.31 - list-style: none;  
• Example 4.32 - a pseudo-classes (link, visited, hover, active))  
• Example 4.33 - input:focus pseudo-class  
• Example 4.34 - Background Color