Learning CSS

Download complet course on CSS style sheets, PDF document on 327 pages for beginners.

Training document created by StackOverFlow to get started with CSS.

Table of contents

• Get started with CSS
• External style sheet 2
• CSS @import rule (a CSS rule) 5
• How to use @import 5
• Change CSS with JavaScript
• Lists of styles with CSS
• Object adjustment and placement
• Backgrounds
• Background color
• The color names
• Hexadecimal color codes
• Interaction with background image
• Background picture
• Repeated gradients
• Background shorthand
• Properties of the long-term background position
• Background attachment
• Repetition of the background
• Background color with opacity
• Multiple background image
• The background-origin property
• Eggsplanation for contain and cover 27with current code
• Background-blend-mode property
• drop shadow
• inner drop shadow
• Drop shadow below only using a pseudo-item
• Specificity rules
• Cascading rules with identical selectors
• Rules in cascade after the specificity rules
• Calculating the specificity of the selector
• A final note
• Example of more complex specificity
• Use Flexbox
• Centering with respect to another element
• Vertical align anything with 3 lines of code
• Using line height
• Vertical and horizontal centering without worrying about height or width
• Column width
• Compatibility between browsers
• Syntax Examples
• Clearfix also prevents collapse of the top margin of floats contained
• Clearfix with support for outdated IE6 and IE7 browsers
• Simple example (centering a single element)
• Example: Combination to center both on the vertical flexible box
• Same height on nested containers
• Adjust the elements optimally to their container